:root{--ink:#101828;--muted:#667085;--line:#e4e7ec;--brand:#315bea;--brand2:#6941c6;--bg:#f5f7fb;--ok:#079455;--danger:#d92d20}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 0,#dbe7ff 0,transparent 32%),radial-gradient(circle at 100% 85%,#ebe2ff 0,transparent 34%),var(--bg);display:grid;place-items:center;padding:28px}.shell{width:min(1080px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:30px;overflow:hidden;box-shadow:0 30px 90px rgba(16,24,40,.14)}.brand{min-height:650px;padding:48px;color:white;background:linear-gradient(145deg,#101828,#1d2939 50%,#263b78);position:relative;overflow:hidden}.brand:before,.brand:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.brand:before{width:420px;height:420px;background:rgba(74,110,255,.25);right:-150px;top:-100px}.brand:after{width:300px;height:300px;background:rgba(151,71,255,.18);left:-120px;bottom:-110px}.logo{font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:2}.hero{position:relative;z-index:2;margin-top:120px}.hero h1{font-size:48px;line-height:1.02;margin:0 0 18px;letter-spacing:-.045em}.hero p{color:#d0d5dd;line-height:1.7;max-width:470px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.chip{font-size:12px;padding:8px 11px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px}.panel{padding:48px 52px;display:flex;flex-direction:column;justify-content:center}.panel h2{font-size:30px;margin:0}.sub{color:var(--muted);margin:10px 0 28px;line-height:1.5}.oauth{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn,.oauth a{height:52px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:750;font-size:14px;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;cursor:pointer;transition:.18s}.btn:hover,.oauth a:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(16,24,40,.08);border-color:#c7d7fe}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border:0;color:white}.btn.dark{background:#101828;color:white;border:0}.divider{display:flex;align-items:center;gap:12px;color:#98a2b3;font-size:12px;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.field{margin:12px 0}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.field input{width:100%;height:48px;border:1px solid #d0d5dd;border-radius:12px;padding:0 14px;font-size:14px;outline:none}.field input:focus{border-color:#84adff;box-shadow:0 0 0 4px #eff4ff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:grid;gap:10px;margin-top:16px}.small{font-size:12px;color:var(--muted);line-height:1.5}.small a{color:var(--brand);font-weight:700;text-decoration:none}.alert{display:none;padding:11px 13px;border-radius:10px;margin:12px 0;font-size:13px;background:#fff1f0;color:var(--danger);border:1px solid #fecdca}.alert.ok{background:#ecfdf3;color:var(--ok);border-color:#abefc6}.foot{margin-top:22px;font-size:11px;color:#98a2b3}.passkeyIcon{font-size:20px}@media(max-width:820px){body{padding:0}.shell{grid-template-columns:1fr;border-radius:0;min-height:100vh}.brand{min-height:230px;padding:30px}.hero{margin-top:55px}.hero h1{font-size:34px}.panel{padding:32px 24px}.oauth{grid-template-columns:1fr}}@media(max-width:430px){.grid2{grid-template-columns:1fr}}