:root{color-scheme:light dark;--bg:#ffffff;--bg-grad-a:#ffffff;--bg-grad-b:#ffffff;--panel:rgba(0,0,0,0.04);--panel-strong:rgba(0,0,0,0.07);--border:rgba(0,0,0,0.08);--text:rgba(0,0,0,0.86);--text-dim:rgba(0,0,0,0.58);--accent:#4ca6ff;--accent-strong:#2f7fd1}@media (prefers-color-scheme:dark){:root{--bg:#0f1012;--bg-grad-a:#18191c;--bg-grad-b:#0b0c0e;--panel:rgba(255,255,255,0.04);--panel-strong:rgba(255,255,255,0.08);--border:rgba(255,255,255,0.08);--text:rgba(255,255,255,0.92);--text-dim:rgba(255,255,255,0.62);--accent:#7ec0ff;--accent-strong:#4ca6ff}}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}body{min-height:100vh;overflow-x:clip;background:radial-gradient(60% 50% at 50% 0,var(--bg-grad-a) 0,transparent 70%),linear-gradient(180deg,var(--bg-grad-a) 0,var(--bg-grad-b) 100%);background-color:var(--bg);background-attachment:fixed}a{color:inherit;text-decoration:none}.page-shell{width:min(920px,calc(100vw - 32px));margin:0 auto;padding:56px 0 80px}.hero{display:grid;grid-gap:18px;gap:18px;padding:32px;border-radius:28px;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.card h1,.hero h1{margin:0;font-size:clamp(32px,5vw,52px);line-height:1;letter-spacing:-.04em}.card p,.form-copy,.hero p,.status-row{margin:0;line-height:1.6;color:var(--text-dim)}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}.button-primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-color:transparent;color:#07131f;font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:20px}.card,.grid{display:grid;grid-gap:14px;gap:14px}.card{padding:24px;border-radius:24px;border:1px solid var(--border);background:var(--panel)}.status-list{display:grid;grid-gap:10px;gap:10px}.status-row{display:flex;justify-content:space-between;gap:16px}.status-row strong{color:var(--text)}.notice{border-radius:18px;border:1px solid rgba(126,192,255,.18);background:rgba(126,192,255,.08)}.error-banner,.notice{margin-top:20px;padding:16px 18px}.error-banner{border-radius:18px;border:1px solid rgba(255,111,97,.22);background:rgba(255,111,97,.1);color:var(--text)}.mono{font-family:SF Mono,Menlo,Monaco,monospace;font-size:12px}.login-shell{width:100%;min-height:100vh;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-error{width:min(420px,calc(100vw - 32px));text-align:center;display:grid;grid-gap:16px;gap:16px}.login-error .actions{justify-content:center}.mac-spinner{position:relative;width:28px;height:28px;display:inline-block}.mac-spinner span{display:block;position:absolute;top:0;left:50%;width:2px;height:8px;margin-left:-1px;border-radius:1px;background:rgba(255,255,255,.85);transform-origin:1px 14px;animation:mac-spinner-fade 1s linear infinite}.mac-spinner span:first-child{transform:rotate(0deg);animation-delay:-.916s}.mac-spinner span:nth-child(2){transform:rotate(30deg);animation-delay:-.833s}.mac-spinner span:nth-child(3){transform:rotate(60deg);animation-delay:-.75s}.mac-spinner span:nth-child(4){transform:rotate(90deg);animation-delay:-.666s}.mac-spinner span:nth-child(5){transform:rotate(120deg);animation-delay:-.583s}.mac-spinner span:nth-child(6){transform:rotate(150deg);animation-delay:-.5s}.mac-spinner span:nth-child(7){transform:rotate(180deg);animation-delay:-.416s}.mac-spinner span:nth-child(8){transform:rotate(210deg);animation-delay:-.333s}.mac-spinner span:nth-child(9){transform:rotate(240deg);animation-delay:-.25s}.mac-spinner span:nth-child(10){transform:rotate(270deg);animation-delay:-.166s}.mac-spinner span:nth-child(11){transform:rotate(300deg);animation-delay:-83ms}.mac-spinner span:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes mac-spinner-fade{0%{opacity:1}to{opacity:.2}}@media (max-width:640px){.page-shell{width:min(100vw - 24px,920px);padding-top:24px}.card,.hero{padding:22px;border-radius:22px}}