:root{--navy:#13287e;--blue:#247ffb;--yellow:#fff323;--ink:#111c3d;--muted:#5d6d80;--line:#dce4ee;--bg:#eef3f8}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{min-height:100%;margin:0}
body{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#fff 0,transparent 30%),var(--bg);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
.gate-card{width:min(100%,420px);padding:36px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px rgba(19,40,126,.14)}
.gate-logo{display:block;margin-bottom:28px;border-radius:14px}
.gate-kicker{margin:0 0 8px;color:var(--navy);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
h1{margin:0;font-size:clamp(28px,7vw,38px);line-height:1.06;letter-spacing:-.04em}
.gate-copy{margin:14px 0 24px;color:var(--muted);line-height:1.5}
label{display:block;margin-bottom:8px;font-size:13px;font-weight:750}
input{width:100%;height:56px;padding:0 16px;border:1px solid #aab9c9;border-radius:10px;background:#fff;color:var(--ink);font-size:26px;font-weight:750;letter-spacing:.45em;text-align:center;outline:none}
input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,127,251,.18)}
button{width:100%;height:50px;margin-top:12px;border:0;border-radius:10px;background:var(--navy);color:#fff;font:inherit;font-weight:800;cursor:pointer}
button:hover{background:#0c1d64}
button:active{transform:translateY(1px)}
.error{margin:12px 0 0;color:#a51d25;font-size:14px;line-height:1.45}
.validity{margin:20px 0 8px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.contact{color:var(--navy);font-size:13px;font-weight:700}