.login{background:var(--bg);color:var(--fg);font-family:var(--font-body);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.login__panel{gap:var(--space-3);padding:max(20px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));flex-direction:column;flex:1;min-height:0;display:flex}.login__mark{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;flex:none;align-items:baseline;gap:10px;font-size:12px;display:flex}.login__mark b{letter-spacing:.22em;font-weight:600}.login__mark span{color:var(--fg-muted)}.login__body{justify-content:center;gap:var(--space-2);flex-direction:column;flex:1;width:100%;max-width:460px;display:flex}.login__title{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-wrap:balance;margin:0;font-size:clamp(30px,8vw,44px);line-height:1.06}.login__sub{color:var(--fg-muted);margin:0;font-size:15px;line-height:1.45}.login__form{margin-top:var(--space-2);flex-direction:column;gap:10px;display:flex}.login__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);font-size:11px}.login__input{border:0;border-bottom:1px solid var(--rule);width:100%;min-height:44px;font-family:var(--font-body);color:var(--fg);background:0 0;border-radius:0;padding:10px 2px;font-size:17px;transition:border-color .16s linear}.login__input::placeholder{color:var(--fg-muted);opacity:.7}.login__input:focus{border-bottom-color:var(--accent-brand);border-bottom-width:2px;outline:none;padding-bottom:9px}.login__input[aria-invalid=true]{border-bottom-color:var(--accent)}.login__help{color:var(--fg-muted);margin:0;font-size:13px;line-height:1.4}.login__button{margin-top:var(--space-2);background:var(--accent-brand);width:100%;min-height:52px;color:var(--accent-fg);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;border:0;font-size:13px;transition:background-color .16s linear}.login__button:hover:not(:disabled){background:var(--accent)}.login__button:disabled{opacity:.4;cursor:default}a.login__button{justify-content:center;align-items:center;text-decoration:none;display:flex}.login__note,.login__error{border-left:3px solid var(--rule);background:var(--bg-alt);margin:0;padding:12px 14px;font-size:14px;line-height:1.45}.login__error{border-left-color:var(--accent)}.login__foot{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);flex:none;font-size:11px}.login__art{height:26vh;min-height:150px;color:var(--accent-fg);background:repeating-linear-gradient(103deg,#2c2a25 0 14px,#17150f 14px 28px);flex-direction:column;flex:none;order:-1;justify-content:flex-end;gap:6px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.login__art:after{content:"";background:linear-gradient(#0000 30%,#0c0a08d9 100%);position:absolute;inset:0}.login__art-line,.login__art-cap{z-index:1;position:relative}.login__art-line{font-family:var(--font-display);font-size:clamp(20px,5vw,28px);line-height:1.1}.login__art-cap{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;opacity:.75;font-size:10px}@media (min-width:820px){.login{flex-direction:row}.login__panel{order:-1;width:46%;max-width:640px;padding:48px 56px}.login__body{gap:var(--space-3)}.login__art{flex:1;order:0;height:auto;padding:56px}.login__art-cap{font-size:12px}}.login :focus-visible:not(.login__input){outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.login__input,.login__button{transition:none}}