:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #f3f0e9; background: #101113; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; background: radial-gradient(ellipse at 50% 28%, #252628 0, #121315 65%); }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
.skip-link { position: absolute; top: -5rem; left: 1rem; z-index: 1; padding: .75rem 1rem; background: #f3f4f6; color: #121315; border-radius: .5rem; }
.skip-link:focus { top: 1rem; }
.entry-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.75rem clamp(1.25rem, 5vw, 4rem); }
.brand { display: inline-flex; align-items: center; gap: .7rem; font-size: 1.15rem; font-weight: 650; letter-spacing: -.035em; }
.brand-mark { display: block; flex: none; height: 2rem; width: 2rem; object-fit: contain; }
.entry-label { font-size: .78rem; color: #b2b3b5; letter-spacing: .035em; }
main { width: 100%; flex: 1; display: grid; place-items: center; padding: 2.5rem 1.25rem 4rem; }
main:focus { outline: none; }
.entry-card { width: min(100%, 28.5rem); padding: clamp(1.5rem, 6vw, 2.6rem); background: #1d1e20; border: 1px solid #3a3b3d; border-radius: 1.25rem; box-shadow: 0 1.5rem 5rem #00010333; }
.lock-mark { display: grid; place-items: center; width: 2.9rem; height: 2.9rem; margin-bottom: 1.8rem; border-radius: .8rem; border: 1px solid #4b4c4e; color: #d2d3d5; background: #2b2c2e; }
.lock-mark svg { width: 1.5rem; height: 1.5rem; }
.eyebrow { margin: 0 0 .6rem; color: #c3c4c6; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 650; }
h1 { margin: 0; font-size: clamp(1.65rem, 5.5vw, 2rem); letter-spacing: -.045em; line-height: 1.2; font-weight: 620; }
.intro { margin: .85rem 0 1.8rem; color: #c0c1c3; line-height: 1.6; font-size: .93rem; }
.entry-state { padding-top: 1.3rem; border-top: 1px solid #3a3b3d; min-height: 7rem; }
h2 { margin: 0 0 .5rem; font-size: .94rem; line-height: 1.4; font-weight: 600; }
.entry-state p { margin: 0 0 1.3rem; color: #c0c1c3; font-size: .85rem; line-height: 1.65; overflow-wrap: anywhere; }
button { width: 100%; min-height: 3rem; border: 1px solid #e3e4e6; border-radius: .65rem; padding: .85rem 1rem; color: #1f2022; background: #e3e4e6; font-size: .87rem; font-weight: 650; line-height: 1.4; cursor: pointer; }
button:hover:not(:disabled) { background: #f6f7f9; }
button:disabled { cursor: wait; opacity: .6; }
button:focus-visible, a:focus-visible { outline: 3px solid #b2b3b5; outline-offset: 4px; }
.security-note { margin: 1.15rem 0 0; color: #a6a7a9; line-height: 1.65; font-size: .73rem; }
.noscript { color: #d3d4d6; font-size: .85rem; line-height: 1.6; }
footer { padding: 1rem 1.25rem 1.75rem; text-align: center; color: #a6a7a9; font-size: .72rem; line-height: 1.7; }
footer span { margin: 0 .45rem; }
@media (max-width: 380px) { .entry-header { padding-top: 1.2rem; } main { padding-top: 1rem; padding-bottom: 2rem; } .entry-card { border-radius: .9rem; } }
@media (forced-colors: active) { .entry-card, .lock-mark, .brand-mark, button { border-color: CanvasText; } button { color: ButtonText; background: ButtonFace; } }

/* Same mark, neutral actions and focus treatment as the signed-in workspace. */
button{background:#d8dde2;color:#151719;border-color:#d8dde2}button:hover:not(:disabled){background:#f3f0e9}button:focus-visible,a:focus-visible{outline-color:#d8dde2}
@media(max-width:380px){.entry-header{flex-wrap:wrap}}