*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font:15px/1.45 Manrope,"Segoe UI",system-ui,Arial,sans-serif;color:#0E1A2E;display:grid;place-items:center;padding:16px;
  background:radial-gradient(120% 90% at 70% 20%,#1B3762 0%,#0B1B33 55%,#060F20 100%)}
.card{width:min(380px,100%);background:#fff;border-radius:20px;padding:30px 28px 22px;text-align:center;
  box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(201,164,92,.35)}
.logo{width:64px;height:64px;filter:drop-shadow(0 0 14px rgba(91,140,255,.35))}
.logo .orbit{transform-origin:24px 24px;animation:orbit 9s linear infinite}
@keyframes orbit{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.logo .orbit{animation:none}}
h1{margin:10px 0 0;font:400 30px/1 Forum,"Cormorant Garamond",Georgia,serif;letter-spacing:6px;color:#0B1B33}
.sub{margin:6px 0 20px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#9C7A3C}
form{display:grid;gap:6px;text-align:left}
label{font-size:12px;font-weight:700;color:#6B7891;margin-top:6px}
input{width:100%;padding:12px 13px;border:1.5px solid #D6DEEC;border-radius:11px;font:inherit;background:#FAFBFD}
input:focus{outline:none;border-color:#2F6BFF;box-shadow:0 0 0 3px rgba(47,107,255,.18);background:#fff}
button{margin-top:14px;padding:13px;border:0;border-radius:11px;font:700 15px inherit;font-family:inherit;color:#fff;cursor:pointer;
  background:linear-gradient(180deg,#3A75FF,#2559E6);box-shadow:0 8px 20px rgba(47,107,255,.35)}
button:disabled{opacity:.6}
button:focus-visible{outline:3px solid #F3DDA6;outline-offset:2px}
.err{min-height:20px;margin:6px 0 0;color:#C2413A;font-size:13px;text-align:center}
.note{margin:10px 0 0;font-size:12px;color:#8A96AC}