:root{--bg: #0f1115;--panel: #171a21;--border: #262b36;--text: #e6e9ef;--muted: #9aa3b2;--accent: #3b82f6;--playhead: #fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}:root[data-theme=light]{--bg: #f5f6f8;--panel: #ffffff;--border: #d9dee7;--text: #1a212e;--muted: #5b6675;--playhead: #1a212e}.login-root{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:radial-gradient(900px 500px at 18% -10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%),radial-gradient(700px 420px at 95% 110%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%),var(--bg)}.login-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}.login-hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:48px 56px;border-right:1px solid var(--border);overflow:hidden}.login-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--border) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 45%,transparent) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 30% 20%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 90% 80% at 30% 20%,#000 0%,transparent 75%);pointer-events:none}.login-hero>*{position:relative}.login-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600}.login-brand-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#0ea5e9));box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 45%,transparent)}.login-headline{font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.3;margin:0 0 16px;letter-spacing:-.01em;word-break:keep-all}.login-sub{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 28px;max-width:40ch;word-break:keep-all}.login-chips{display:flex;gap:8px;flex-wrap:wrap}.login-chip{font-size:11px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--panel) 70%,transparent)}.login-timeline{border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel) 85%,transparent);padding:14px 16px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-timeline-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:10px}.login-tracks{position:relative;display:flex;flex-direction:column;gap:6px}.login-track{display:flex;gap:6px;height:18px}.login-clip{border-radius:4px;background:color-mix(in srgb,var(--accent) 28%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border))}.login-clip.alt{background:color-mix(in srgb,var(--muted) 18%,var(--panel));border-color:var(--border)}.login-playhead{position:absolute;top:-6px;bottom:-6px;width:1.5px;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 70%,transparent);animation:login-playhead 9s linear infinite}.login-playhead:before{content:"";position:absolute;top:-1px;left:-3.25px;border:4px solid transparent;border-top:5px solid var(--accent)}@keyframes login-playhead{0%{left:0}to{left:100%}}.login-side{display:grid;place-items:center;padding:48px 32px}.login-card{width:min(380px,100%)}.login-card-brand{display:none}.login-overline{font-size:11px;color:var(--accent);margin:0 0 10px}.login-title{font-size:24px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.login-desc{font-size:14px;color:var(--muted);margin:0 0 32px}.login-label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.login-input{width:100%;padding:11px 14px;background:color-mix(in srgb,var(--panel) 60%,var(--bg));border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.login-field+.login-field{margin-top:18px}.login-error{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;font-size:13px;color:#f87171;border:1px solid color-mix(in srgb,#f87171 40%,transparent);border-radius:10px;background:color-mix(in srgb,#f87171 8%,transparent);animation:login-shake .3s ease}@keyframes login-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-submit{width:100%;margin-top:28px;padding:12px 0;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 35%,transparent)}.login-submit:hover{filter:brightness(1.1)}.login-submit:active{transform:translateY(1px)}.login-submit:disabled{opacity:.6;cursor:default}.login-foot{margin-top:32px;font-size:11px;color:var(--muted);text-align:center}.login-rise{opacity:0;animation:login-rise .5s ease forwards}@keyframes login-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.login-rise{animation:none;opacity:1}.login-playhead{animation:none;left:38%}}@media(max-width:880px){.login-root{grid-template-columns:1fr}.login-hero{display:none}.login-card-brand{display:flex;justify-content:center;margin-bottom:28px}}