:root{--bg:#f4f5f8;--surface:#ffffff;--text:#16181d;--text-2:#5a6070;--border:#e2e4ea;--brand:#536aec;--brand-hover:#4a61e6;--danger:#d34247}@media (prefers-color-scheme:dark){:root{--bg:#101216;--surface:#1a1d23;--text:#f2f3f6;--text-2:#9aa1b2;--border:#2a2e37;--brand:#6b7eff;--brand-hover:#5a73ff;--danger:#ff6b70}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px 28px}.brandmark{gap:10px;margin-bottom:20px}.brandmark,.brandmark .dot{display:flex;align-items:center}.brandmark .dot{width:28px;height:28px;border-radius:8px;background:var(--brand);color:#fff;font-weight:700;font-size:15px;justify-content:center}.brandmark .name{font-weight:600;font-size:15px}h1{font-size:20px;font-weight:650;margin:0 0 6px}.subtitle{color:var(--text-2);font-size:14px;margin:0 0 20px;line-height:1.45}label{display:block;font-size:13px;font-weight:550;margin:14px 0 6px}input[type=email],input[type=password],input[type=text]{width:100%;padding:10px 12px;font-size:15px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:transparent}.btn{display:block;width:100%;padding:11px 12px;margin-top:18px;font-size:15px;font-weight:600;border-radius:10px;border:1px solid transparent;cursor:pointer;text-align:center}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--text-2)}.btn-row{display:flex;gap:12px}.btn-row>form{flex:1 1}.btn-row .btn{width:100%}.error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border-radius:10px;padding:10px 12px;font-size:13.5px;margin:0 0 4px}.client-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.client-logo{object-fit:cover}.client-logo,.client-logo-fallback{width:44px;height:44px;border-radius:10px;border:1px solid var(--border)}.client-logo-fallback{background:var(--bg);color:var(--text-2);font-weight:650;font-size:18px;display:flex;align-items:center;justify-content:center}.scopes{list-style:none;margin:0 0 6px;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.scopes li{padding:11px 14px;border-bottom:1px solid var(--border)}.scopes li:last-child{border-bottom:none}.scopes .scope-label{display:block;font-size:14px;font-weight:600}.scopes .scope-detail{display:block;font-size:13px;color:var(--text-2);margin-top:2px}.fineprint{color:var(--text-2);font-size:12.5px;line-height:1.5;margin:16px 0 0}