/* Minimal Bloom-inspired theme */
:root{
  --bg:#0d1117;
  --panel:#ffffff;
  --ink:#0f172a;
  --sub:#475569;
  --brand:#1e40af;
  --brand-2:#0ea5e9;
  --ok:#059669;
  --warn:#b45309;
  --err:#b91c1c;
  --ring:rgba(14,165,233,.35);
}

*{box-sizing:border-box} body{margin:0;background:#f6f8fb;color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}

.container{max-width:960px;margin:0 auto;padding:24px}
.site-header{background:#0b1220;color:#e5edff;border-bottom:1px solid #0f1a33}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center}
.logo-circle{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-weight:700}
.brand-title{font-weight:700}
.brand-sub{font-size:12px;opacity:.8;margin-top:-2px}
.brand-email{color:#c7d2fe;text-decoration:none}
.brand-email:hover{text-decoration:underline}

.hero{margin:32px 0 16px}
.hero h1{margin:0 0 8px;font-size:32px;line-height:1.2}
.hero .sub{color:var(--sub);margin:0}

.card{background:var(--panel);border-radius:16px;box-shadow:0 10px 30px rgba(2,12,27,.08);padding:24px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:720px){.grid-2{grid-template-columns:1fr}}

.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
label{font-weight:600}
input,textarea{border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;font-size:16px;outline:none;background:#fff;color:var(--ink)}
input:focus,textarea:focus{border-color:var(--brand-2);box-shadow:0 0 0 4px var(--ring)}
textarea{resize:vertical}

.phone-row{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}
.prefix{padding:12px 10px;background:#f1f5f9;border-right:1px solid #e2e8f0;color:#334155}
.phone-row input{border:0;flex:1;border-radius:0}

.hint{color:var(--sub);margin-top:4px}

.btn{appearance:none;border:0;background:var(--brand);color:#fff;padding:12px 16px;border-radius:12px;font-weight:600;cursor:pointer}
.btn:hover{filter:brightness(.95)}
.btn.secondary{background:#111827;color:#fff}
.btn[disabled]{opacity:.6;cursor:not-allowed}
.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2))}

.actions{display:flex;align-items:center;gap:16px;margin-top:8px;flex-wrap:wrap}
.privacy{color:#64748b;margin:0}

.otp-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 6px}
.otp-panel{display:flex;gap:8px;align-items:center}
.hidden{display:none}
.otp-status{font-weight:600}
.otp-status.ok{color:var(--ok)}
.otp-status.err{color:var(--err)}
.otp-status.warn{color:var(--warn)}

.site-footer{margin-top:40px;color:#64748b}