:root{color-scheme:light;--bg:#f5f5f7;--card:rgba(255,255,255,.88);--text:#171719;--muted:#6e6e73;--blue:#087cf0;--line:rgba(0,0,0,.09)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#09090b;--card:rgba(28,28,31,.9);--text:#f5f5f7;--muted:#a1a1a8;--line:rgba(255,255,255,.12)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 50% -15%,rgba(8,124,240,.17),transparent 42%),var(--bg);padding:24px}.login-shell{width:min(480px,100%);margin:0 auto}header{height:72px;display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none}.brand-logo{width:34px}.brand-lockup strong{font-size:1.05rem;letter-spacing:-.025em}.home-link{color:var(--muted);text-decoration:none;font-size:.86rem;font-weight:650}.login-card{position:relative;margin-top:clamp(28px,7vh,72px);padding:38px;border:1px solid var(--line);border-radius:30px;background:var(--card);backdrop-filter:blur(28px);box-shadow:0 28px 90px rgba(0,0,0,.12);animation:card-in .42s cubic-bezier(.2,.8,.2,1)}.login-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(8,124,240,.1);color:var(--blue);margin-bottom:20px}.login-icon svg,.privacy svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-icon svg{width:23px}.eyebrow{font-size:.69rem;color:var(--blue);font-weight:800;letter-spacing:.13em;margin:0 0 9px}h1{font-size:clamp(2rem,8vw,2.45rem);line-height:1.02;margin:0 0 14px;letter-spacing:-.05em}.intro{color:var(--muted);line-height:1.55;margin:0 0 28px;font-size:.95rem}form{display:grid;gap:10px}label{font-size:.82rem;font-weight:700}input{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 15px;background:rgba(127,127,140,.07);color:var(--text);font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}#code{text-align:center;font-size:1.55rem;letter-spacing:.38em;font-variant-numeric:tabular-nums}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,124,240,.13)}button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:14px;background:var(--blue);color:#fff;font:inherit;font-weight:750;cursor:pointer;transition:transform .18s ease,filter .18s ease}button:hover{filter:brightness(1.07);transform:translateY(-1px)}button:disabled{opacity:.55;transform:none}.link-button{background:transparent;color:var(--muted);padding:7px}.feedback{color:var(--muted);font-size:.85rem;min-height:1.3em;margin:14px 0 0}.dev-code{padding:10px;border-radius:12px;background:rgba(255,159,10,.14);font-size:.82rem}.privacy{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.privacy svg{width:16px;flex:none}.support{text-align:center;color:var(--muted);font-size:.82rem;margin:20px 0}.support a{color:inherit;font-weight:650}.logo-adaptive{filter:none}@media(prefers-color-scheme:dark){.logo-adaptive{filter:invert(1) grayscale(1) brightness(2)}}@keyframes card-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:520px){body{padding:16px}.login-card{padding:28px 22px;border-radius:24px;margin-top:22px}header{height:58px}}@media(prefers-reduced-motion:reduce){.login-card{animation:none}button{transition:none}}
