@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:light;--ink:#151515;--muted:#5d5d5d;--paper:#fff;--ground:#f2f2f0;--line:#d5d5d2;--brand:#171717;--danger:#a52620}
[data-theme=dark]{color-scheme:dark;--ink:#f1f1ee;--muted:#b5b5b2;--paper:#1b1b1a;--ground:#111;--line:#3d3d3b;--brand:#f1f1ee;--danger:#f18b84}
*{box-sizing:border-box}body{min-height:100dvh;margin:0;padding:clamp(1rem,3vw,3rem);display:grid;place-items:center;background:var(--ground);color:var(--ink);font:16px/1.5 "DM Sans",system-ui,sans-serif}
.auth-shell{width:min(100%,1100px);min-height:min(690px,calc(100dvh - 2rem));display:grid;grid-template-columns:.9fr 1.1fr;background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.1)}
.auth-aside{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,4.5rem);background:#151515;color:#fff}.brand img{width:min(100%,240px);height:auto;display:block}.auth-aside h1{max-width:390px;margin:4rem 0 1rem;font-size:clamp(2.5rem,4.5vw,4.2rem);line-height:.94;letter-spacing:-.065em}.auth-aside p{max-width:310px;color:#d0d0cc}.platform-note{font:10px "DM Mono",monospace!important;letter-spacing:.09em;text-transform:uppercase;color:#bbb!important}
.auth-container{width:min(100%,500px);margin:auto;padding:clamp(2.2rem,6vw,5.2rem) clamp(1.5rem,5vw,4.5rem)}.auth-kicker{color:var(--muted);font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.auth-container h2{margin:0;font-size:clamp(2.1rem,4vw,3.2rem);line-height:.96;letter-spacing:-.06em}.auth-lede,.auth-footer{color:var(--muted)}.form-group{margin-bottom:1.15rem}.form-group label{display:block;margin-bottom:.5rem;font-size:13px;font-weight:700}.form-group input{width:100%;min-height:52px;padding:.8rem .9rem;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:16px "DM Sans",system-ui,sans-serif}.form-group input:focus{outline:3px solid color-mix(in srgb,var(--ink) 18%,transparent);border-color:var(--ink)}.btn-primary{width:100%;margin-top:.6rem;padding:1rem;border:1px solid var(--brand);border-radius:5px;background:var(--brand);color:var(--paper);font:700 14px "DM Sans",system-ui,sans-serif;cursor:pointer}.error{margin-bottom:1.2rem;padding:.85rem 1rem;border-left:3px solid var(--danger);background:#fff0ee;color:var(--danger);font-size:14px}.auth-footer a{color:var(--ink);font-weight:700;text-underline-offset:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:720px){body{display:block;padding:0}.auth-shell{min-height:100dvh;border:0;grid-template-columns:1fr}.auth-aside{min-height:235px;padding:1.5rem}.auth-aside h1{margin:2.2rem 0 .65rem;font-size:2.55rem}.platform-note{display:none}.auth-container{padding:2.5rem 1.5rem 3rem}}@media(max-width:430px){.form-row{grid-template-columns:1fr;gap:0}}