:root { --accent: #0f6cbd; }
* { box-sizing: border-box; }
body { font-family: "Segoe UI", system-ui, sans-serif; background:#f3f3f3; margin:0; min-height:100vh; }
.wrap { max-width: 520px; margin: 0 auto; padding: 24px 16px; }
header { display:flex; align-items:center; gap:10px; font-weight:600; color:#1b1b1b; margin-bottom:24px; }
.card { background:#fff; border-radius:8px; padding:40px 32px; box-shadow:0 2px 16px rgba(0,0,0,.08); text-align:center; }
.shield { width:56px; height:56px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--accent); color:#fff; font-size:24px; margin-bottom:16px; }
h1 { font-size:22px; margin:0 0 8px; color:#1b1b1b; }
p  { color:#444; font-size:14px; line-height:1.5; }
.waiting { background:#fff4d6; color:#8a6d1a; padding:12px; border-radius:4px; margin:20px 0; font-size:13px; }
.label { text-align:left; font-size:11px; letter-spacing:2px; color:#888; margin-bottom:6px; }
.code { background:#0f0f0f; color:#fff; font-family:"Courier New",monospace; font-size:30px; letter-spacing:8px; padding:26px; border-radius:6px; }
.copy { background:#e6f2fa; color:#0b4a6f; border:none; padding:10px 20px; border-radius:4px; cursor:pointer; font-weight:600; margin-top:12px; }
.expiry { background:#fff4d6; color:#8a6d1a; padding:10px; border-radius:4px; margin:20px 0; font-size:13px; }
ol { text-align:left; color:#333; font-size:14px; padding-left:24px; }
.cta { display:inline-block; background:var(--accent); color:#fff; padding:14px 42px; border-radius:4px; text-decoration:none; font-weight:600; margin-top:16px; }