#login.login-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);place-items:center;padding:0;min-height:100vh;min-height:100dvh;background:radial-gradient(1100px 620px at -10% -20%,#ed914b17,transparent 60%),radial-gradient(900px 560px at 115% 120%,#79a9ed12,transparent 60%),var(--bg)}
#login.login-shell::before{content:"";align-self:stretch;justify-self:stretch;border-right:1px solid var(--line-soft);background:url(/__gate/hero.svg) center/min(520px,84%) auto no-repeat,linear-gradient(180deg,#0e1016e6,#090a0dcc)}
#login .login-card{grid-column:2;width:min(400px,calc(100% - 32px));border-radius:14px;padding:32px;box-shadow:0 30px 90px #0009,inset 0 1px 0 #ffffff08}
#login .login-card .brand-mark,#login .login-card .eyebrow,#login .login-card p.login-hint:not([id]){display:none}
#login .login-card h1{font-size:0;line-height:0;margin:0}
#login .login-card h1::after{content:"Welcome back";display:block;font-family:Bahnschrift,var(--font);font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.025em}
#login .login-card .lede{font-size:0;line-height:0;margin:10px 0 24px}
#login .login-card .lede::after{content:"Enter the team access key to open the brain.";display:block;font-size:14px;line-height:1.5;color:var(--muted)}
#login .login-card label{font-size:12px;font-weight:600}
#login .login-card input{height:44px;border-radius:8px;padding:0 13px;background:#0b0d11;transition:border-color .15s,box-shadow .15s}
#login .login-card input:hover{border-color:#3a3f4d}
#login .login-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ed914b2e}
#login .login-card button[type=submit]{height:46px;margin-top:20px;border-radius:8px;font-weight:700;font-size:14.5px}
#login .login-card #session-status:empty{display:none}
#login .login-card #session-status{margin:14px 0 0}
#login .login-card #login-error{min-height:0;margin:12px 0 0}
#login .login-card #login-error:empty{display:none}
#login .login-card #login-error:not(:empty){padding:10px 12px;border-radius:8px;background:#f18c8b14;border:1px solid #f18c8b55;color:#ffd3d2;font-size:13px;line-height:1.5}
#login .login-card::after{content:"● Private workspace · kerfbrain.com";display:block;margin-top:22px;padding-top:16px;border-top:1px solid var(--line-soft);color:var(--quiet);font:11px var(--mono);letter-spacing:.04em}
@media (max-width:900px){
#login.login-shell{grid-template-columns:1fr;place-items:start center;padding:24px 0 32px}
#login.login-shell::before{display:none}
#login .login-card{grid-column:1;padding:24px 20px}
#login .login-card::before{content:"";display:block;height:30px;margin-bottom:22px;background:url(/__gate/brand.svg) left center/contain no-repeat}
}
@media (prefers-reduced-motion:reduce){#login *{transition:none!important}}