:root{--bg:#082640;--card:#0f3556;--accent:#1f6fb5;--accent2:#0b4b80;--muted:rgba(255,255,255,0.75)}
*{box-sizing:border-box;font-family:Inter, system-ui, Arial, Helvetica, sans-serif}
html,body{height:100%;margin:0;background:linear-gradient(180deg,var(--bg),#021728);color:#fff}
.container{max-width:420px;margin:28px auto;padding:12px}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(0,0,0,0.05));border-radius:16px;padding:22px;box-shadow:0 12px 30px rgba(0,0,0,0.5);text-align:center}
.header{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:8px}
.logo{width:84px;height:auto}
h1,h2{margin:8px 0}
.lead{color:var(--muted);margin-bottom:12px}
.input{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);color:#fff;margin:10px 0;font-size:16px}
.btn{display:block;width:100%;padding:14px;border-radius:12px;border:0;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;font-weight:700;cursor:pointer;margin-top:12px;text-decoration:none;text-align:center}
.ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--muted)}
.card-preview{background:linear-gradient(90deg,#0b4b80,#123d6a);padding:14px;border-radius:12px;color:#fff;margin:12px 0;text-align:left}
.preview-number{font-weight:700;letter-spacing:3px;font-size:18px}
.preview-meta{display:flex;justify-content:space-between;color:rgba(255,255,255,0.8);margin-top:8px;font-weight:700;font-size:13px}
.muted{color:var(--muted);font-size:14px}
.call-btn{background:#ffd54a;color:#06243a;border-radius:12px;padding:12px;font-weight:800;text-decoration:none;display:block;margin-top:12px}
.footer{margin-top:12px;text-align:center;color:var(--muted);font-size:13px}
.small{font-size:13px;color:var(--muted);margin-top:8px}
@media(min-width:800px){.container{max-width:480px}}