body.tabletop.login-page { --bg:#0c1512; --ink:#eff4ee; --accent:#64d4aa; background:var(--bg); }
.login-site-header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:25px 40px; }
.login-brand { display:flex; align-items:center; gap:9px; font-size:23px; font-weight:750; letter-spacing:-.7px; }
.login-brand>svg { width:30px; height:30px; color:var(--accent); }
.login-brand>span>span { color:var(--accent); }
.login-back-link { color:#9aaa9f!important; font-size:13px; }
.login-back-link:hover { color:var(--ink)!important; }
.login-shell { flex:1; padding:14px 24px 60px; }
.login-page .login-welcome { width:100%; max-width:340px; padding:0; margin:0 auto; border:0; background:none; border-radius:0; }
.tabletop .login-emblem { width:43px; height:43px; color:var(--accent); margin:0 auto 19px; }
.login-page .login-welcome h1 { font:750 clamp(38px,4vw,48px)/1.12 system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); letter-spacing:-1.7px; text-align:center; margin:0 0 36px; }
.login-page .login-welcome label { font-size:13px; margin-bottom:9px; }
.tabletop .login-welcome #login-email { width:100%; min-height:49px; padding:12px 14px; border:1px solid #6a796f; border-radius:5px; background:#101a15; color:var(--ink); font:14px/1.5 system-ui,sans-serif; box-shadow:none; }
.login-welcome #login-email::placeholder { color:#73877b; }
.login-welcome #login-email:hover { border-color:#b0c0b6; }
.login-welcome #login-email:focus { border-color:var(--accent); outline:2px solid var(--accent); outline-offset:2px; }
.tabletop .login-continue { display:block; width:100%; min-height:49px; margin-top:16px; border:0; border-radius:28px; background:var(--accent); color:#10251b; font:750 14px/1.5 system-ui,sans-serif; }
.tabletop .login-continue:hover { background:#80e4bc; }
.login-divider { display:flex; align-items:center; gap:15px; margin:21px 0; color:#a4b5a9; font-size:12px; text-align:center; }
.login-divider::before,.login-divider::after { content:""; flex:1; height:1px; background:#2a3b31; }
.login-providers { display:flex; flex-direction:column; gap:10px; }
.tabletop .login-provider { display:grid; grid-template-columns:24px 1fr 24px; align-items:center; gap:12px; width:100%; min-height:49px; padding:10px 21px; border:1px solid #64766a; border-radius:28px; color:var(--ink); background:transparent; font:650 14px/1.5 system-ui,sans-serif; }
.login-provider svg { width:22px; height:22px; }
.tabletop .login-provider:hover { background:#182920; border-color:#c4d3c9; }
.login-page .login-signup { margin:34px 0 0; color:#a4b5a9; text-align:center; font-size:14px; }
.tabletop .login-signup button { display:block; margin:10px auto 0; border:0; padding:4px 8px; background:none; color:var(--ink); font:700 14px/1.5 system-ui,sans-serif; text-decoration:underline; text-underline-offset:4px; }
.tabletop .login-signup button:hover { color:var(--accent); }
.login-preview-message { color:#bbd9c7; font-size:13px; text-align:center; margin:18px 0 0; }
.login-test-access { margin-top:28px; border-top:1px solid #263a2e; padding-top:16px; }
.login-test-access>summary { color:#8ca497; cursor:pointer; font-size:12px; text-align:center; }
.login-test-access[open]>summary { margin-bottom:20px; }
.login-test-access .login-intro { font-size:12px; margin-bottom:16px; }
.login-test-access .login-actions { gap:8px; margin-top:12px; }
.login-test-access .login-actions button { flex:1; }
.login-site-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 40px; color:#70877a; font-size:11px; }
.login-site-footer a { font-size:11px; }
@media(max-width:600px) { .login-site-header { padding:22px 20px; } .login-brand { font-size:21px; } .login-back-link { font-size:12px; } .login-shell { padding:18px 24px 40px; } .login-site-footer { padding:18px 20px; } }