:root{--brand:#013f70;--brand-hover:#024a85;--brand-contrast:#fff;--bg:#0f0f1b;--bg-accent:#15152a;--card:#fff;--card-fg:#1a1a2e;--muted:#6b7280;--border:#e5e7eb;--input-bg:#fff;--input-border:#d1d5db;--input-focus:var(--brand);--danger:#dc2626;--danger-bg:#fef2f2;--ok:#16a34a;--radius:12px;--radius-sm:8px;--shadow:0 20px 60px #00000059}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%, var(--bg-accent), transparent 70%), var(--bg);min-height:100vh;color:var(--card-fg);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.page{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px 16px;display:flex}.brandbar{color:#fff;letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:flex;position:absolute;top:24px;left:28px}.brandbar img{width:auto;height:22px;display:block}.card{background:var(--card);width:100%;max-width:420px;color:var(--card-fg);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px 32px}.card h1{text-align:center;margin:0 0 6px;font-size:30px;font-weight:700}.subtitle{text-align:center;color:var(--muted);margin:0 0 24px;font-size:14px}.subtitle a{font-weight:600}.social{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;margin-bottom:18px;display:grid}.social.single{grid-auto-flow:row}.social button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--card-fg);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;padding:11px 12px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.social button:hover{background:#f9fafb;border-color:#cbd5e1}.social button:disabled{opacity:.6;cursor:not-allowed}.social svg{width:18px;height:18px}.divider{text-align:center;color:var(--muted);align-items:center;margin:18px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.divider:not(:empty):before{margin-right:12px}.divider:not(:empty):after{margin-left:12px}label.field{margin-bottom:16px;display:block}label.field>span{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input-wrap{position:relative}input[type=email],input[type=password],input[type=text],input[type=tel]{width:100%;color:var(--card-fg);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);outline:none;padding:11px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #013f7026}.toggle-pass{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.row-between{justify-content:flex-end;margin:-6px 0 18px;display:flex}.row-between a{font-size:13px;font-weight:600}button.primary{width:100%;color:var(--brand-contrast);background:var(--brand);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px;font-size:15px;font-weight:700;transition:background .15s}button.primary:hover{background:var(--brand-hover)}button.primary:disabled{opacity:.6;cursor:not-allowed}.alert{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);border:1px solid #fecaca;margin-bottom:16px;padding:10px 12px;font-size:13px}.hint{color:var(--muted);margin-top:6px;font-size:12px}.legal{text-align:center;color:#ffffff80;max-width:420px;font-size:12px;line-height:1.5}.legal a{color:#ffffffb3}@media (max-width:480px){.card{padding:28px 20px}.brandbar{color:#fff;margin-bottom:8px;position:static}.social{grid-auto-flow:row}}