:root{--bg:#080807;--panel:#141311;--line:#2b2924;--text:#eeeae2;--muted:#969187;--accent:#c77848;--green:#91ae7d}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% 16%,rgba(199,120,72,.14),transparent 29%),radial-gradient(circle at 18% 90%,rgba(145,174,125,.07),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
button,input{font:inherit}
.auth-shell{width:min(1120px,calc(100% - 36px));min-height:100vh;margin:auto;display:grid;grid-template-rows:auto 1fr auto}
.auth-nav{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.auth-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{position:relative;width:28px;height:28px;border:1px solid #443126;border-radius:50%;display:grid;place-items:center}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:1px solid #5b3928;border-radius:50%}
.brand-mark:before{inset:5px}.brand-mark:after{inset:9px}.brand-mark i{width:4px;height:4px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.brand-mark b{position:absolute;width:34px;height:1px;background:linear-gradient(90deg,transparent,#6d4430,transparent);transform:rotate(-18deg)}
.brand-word{font-size:20px;font-weight:720;letter-spacing:-.6px}.brand-word span{color:var(--accent);font-weight:350}.brand-publisher{color:#777269;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.back-link{border:1px solid #3a3730;border-radius:12px;padding:9px 14px;text-decoration:none;color:#c9c4ba;font-size:13px}
.back-link:hover{border-color:#76503a;color:#fff}
.auth-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:clamp(50px,9vw,125px);align-items:center;padding:70px 0}
.auth-context{max-width:560px}.auth-kicker{color:var(--accent);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.auth-context h1{margin:20px 0 18px;font-size:clamp(48px,7vw,78px);line-height:.96;letter-spacing:-.055em;font-weight:540}.auth-context p{max-width:520px;color:var(--muted);font-size:17px;line-height:1.7}.boundary{margin-top:28px;padding:17px 18px;border-left:3px solid var(--accent);border-radius:0 13px 13px 0;background:#16120f;color:#aaa49a;font-size:14px;line-height:1.55}.boundary strong{color:#eee9df}
.auth-card{border:1px solid #34312b;border-radius:24px;background:linear-gradient(150deg,#171613,#0e0e0c);padding:clamp(26px,4vw,40px);box-shadow:0 30px 90px rgba(0,0,0,.4)}
.auth-card h2{margin:0;font-size:29px;letter-spacing:-.03em}.auth-card>p{margin:10px 0 25px;color:#88837a;font-size:14px;line-height:1.55}
.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:8px;color:#aaa59b;font-size:14px}.auth-form input{width:100%;height:49px;border:1px solid #34312c;border-radius:14px;background:#0b0b0a;color:var(--text);padding:0 14px;outline:none}.auth-form input:focus{border-color:#85553b;box-shadow:0 0 0 3px rgba(199,120,72,.11)}
.primary-button{height:50px;margin-top:3px;border:0;border-radius:14px;background:#eeeae3;color:#24211d;font-weight:700;cursor:pointer}.primary-button:hover{background:#fff}.primary-button:disabled{opacity:.6;cursor:wait}
.account-return{display:grid;place-items:center;text-decoration:none}
.auth-status{min-height:22px;margin:4px 0 0;color:#c37a55;font-size:13px;line-height:1.5}.auth-status.success{color:var(--green)}
.auth-switch{margin:20px 0 0!important;padding-top:19px;border-top:1px solid #2b2924;text-align:center}.auth-switch a{color:#d19067;text-underline-offset:3px}
.local-note{display:flex;gap:9px;align-items:flex-start;margin-top:20px;color:#746f67;font-size:12px;line-height:1.5}.local-note i{width:7px;height:7px;margin-top:5px;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(145,174,125,.5)}
.session-card{border:1px solid #35412f;border-radius:16px;background:#121811;padding:18px}.session-card strong,.session-card span{display:block}.session-card span{margin-top:7px;color:#9ea797;font-size:13px}.session-actions{display:grid;gap:9px;margin-top:18px}.session-actions a,.session-actions button{min-height:45px;border-radius:12px;display:grid;place-items:center;text-decoration:none}.session-actions a{background:#eeeae3;color:#24211d;font-weight:700}.session-actions button{border:1px solid #34312c;background:transparent;color:#aaa59b;cursor:pointer}
.auth-footer{min-height:64px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#6e6961;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.auth-footer nav{display:flex;gap:15px}.auth-footer a{text-decoration:none}.auth-footer a:hover{color:var(--accent)}
@media(max-width:820px){.auth-main{grid-template-columns:1fr;padding:50px 0}.auth-context{max-width:650px}.auth-context h1{font-size:52px}.auth-card{width:min(100%,520px)}}
@media(max-width:560px){.auth-shell{width:min(100% - 28px,1120px)}.auth-nav{height:72px}.brand-publisher{display:none}.auth-main{padding:38px 0;gap:34px}.auth-context h1{font-size:43px}.auth-context p{font-size:16px}.auth-card{padding:25px 20px;border-radius:20px}.auth-footer{padding:18px 0;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.secondary-button{height:46px;border:1px solid #3b3731;border-radius:14px;background:#151411;color:#c9c4ba;cursor:pointer}.secondary-button:hover{border-color:#76503a;color:#fff}.secondary-button:disabled{opacity:.55;cursor:wait}.verification-field[hidden],.authenticator-setup[hidden],.secondary-button[hidden]{display:none!important}.authenticator-setup{display:grid;gap:12px;border:1px solid #3a342e;border-radius:16px;background:#11100e;padding:17px}.authenticator-setup>span{color:var(--accent);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.authenticator-setup>strong{color:#ece7de;font:15px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;overflow-wrap:anywhere}.authenticator-setup>p{margin:0;color:#8e897f;font-size:12px;line-height:1.5}.authenticator-setup>a{width:max-content;color:#d19067;font-size:13px;text-underline-offset:3px}