:root{
  --ink:#132542; --muted:#6b7890; --line:#e2e7f1; --surface:#fff;
  --ocean1:#0E7C86; --ocean2:#0B3E58; --gold:#B4832A;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:#0a1524; color:var(--ink);
  min-height:100vh; display:flex; align-items:center; justify-content:center; padding:18px;
}
.card{
  width:100%; max-width:380px; background:var(--surface);
  border-radius:22px; overflow:hidden; box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.hero{
  position:relative; padding:40px 24px 30px; color:#fff; overflow:hidden;
  background:linear-gradient(180deg,rgba(5,26,40,.30),rgba(5,26,40,.80)),
             url('/public/img/hero.jpg') center 34%/cover;
  text-shadow:0 1px 10px rgba(0,0,0,.45);
}
.logo{font-size:13px; font-weight:600; letter-spacing:.04em; opacity:.95}
.bula{font-size:40px; font-weight:800; margin-top:14px; line-height:1}
.tag{font-size:13px; opacity:.92; margin-top:9px; max-width:260px}
.body{padding:22px 22px 24px}
.h{font-size:15px; font-weight:800; text-align:center; margin:0 0 16px}
.note{font-size:12px; color:var(--muted); text-align:center; background:#f6f8fc; border:1px solid var(--line); border-radius:10px; padding:8px 10px; margin:0 0 14px}
.btn{
  display:flex; align-items:center; justify-content:center; gap:9px; width:100%;
  border:1px solid var(--line); background:#f6f8fc; color:var(--ink);
  font-size:14px; font-weight:700; padding:13px; border-radius:12px; margin-top:10px;
  text-decoration:none; cursor:pointer;
}
.btn.g{background:#fff; border-color:#dadce0}
.gi{color:#4285F4; font-weight:800}
.btn.f{background:#1877F2; color:#fff; border:none}
.btn.go{background:linear-gradient(180deg,var(--ocean1),var(--ocean2)); color:#fff; border:none}
.btn.link{background:none; border:none; color:var(--muted); font-size:12px; padding:6px}
.inp{width:100%; border:1px solid #d2dae8; border-radius:11px; padding:12px 13px; font-size:14px; margin-top:10px}
.chk{display:flex; gap:9px; align-items:flex-start; font-size:11.5px; color:#41516c; margin-top:14px; line-height:1.4}
.chk input{margin-top:2px}
.foot{text-align:center; font-size:10.5px; color:var(--muted); margin:16px 0 0; line-height:1.5}