:root{--page: #f6f7f9;--surface: #ffffff;--text: #14161a;--muted: #5a6270;--accent: #123b6d;--accent-pale: #eef4fb;--success: #1f7a4d;--success-pale: #edf8f2;--error: #b3261e;--error-pale: #fff4f2;--border: #d8dce3;--focus: #2979c9;--radius: 12px;--ease-out: cubic-bezier(.23, 1, .32, 1);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--page);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--text);font-size:16px;line-height:1.55}button,input,select{font:inherit}a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 45%,transparent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz-page,.support-page{min-height:100vh;background:radial-gradient(circle at 15% 10%,#fff 0,transparent 24rem),var(--page)}.wordmark{max-width:960px;margin:0 auto;padding:32px 20px 0;color:var(--text);font-size:15px;font-weight:700;letter-spacing:.01em}.quiz-page .wordmark{max-width:600px;padding-top:45px}.progress-shell{position:fixed;z-index:30;top:0;left:0;right:0;height:32px;padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--page) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.progress-track{position:absolute;top:env(safe-area-inset-top);left:0;right:0;height:3px;background:#e3e6eb;overflow:hidden}.progress-fill{height:100%;transform-origin:left center;background:var(--accent);transition:transform .22s var(--ease-out)}.progress-label{display:block;max-width:560px;margin:7px auto 0;padding:0 20px;color:var(--muted);text-align:right;font-size:12px;font-weight:650;letter-spacing:.03em}.quiz-main{width:min(100%,600px);margin:0 auto;padding:28px 20px 44px}.quiz-card,.support-card,.legal-card{background:var(--surface);border:1px solid #e5e8ed;border-radius:18px;box-shadow:0 16px 48px #14161a0e}.quiz-card{padding:28px 20px;min-height:340px}.start-screen{padding:4px 0}h1{margin:0 0 16px;font-size:clamp(24px,6.5vw,32px);line-height:1.18;letter-spacing:-.025em;font-weight:650}h2{margin:30px 0 10px;font-size:20px;line-height:1.3}p{margin:0 0 18px}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.microcopy{color:var(--muted);font-size:14px;line-height:1.5}.question-microcopy{margin-top:-5px}.centered{text-align:center}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:contents}.options{display:grid;gap:10px;margin-top:24px}.option-card{position:relative;display:flex;align-items:center;min-height:52px;gap:13px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:17px;line-height:1.35;cursor:pointer;transition:border-color .14s var(--ease-out),background-color .14s var(--ease-out),transform .14s var(--ease-out)}.option-card:hover{border-color:#9da9b7}.option-card:active{transform:scale(.985)}.option-card.selected{border-color:var(--accent);background:var(--accent-pale);box-shadow:0 0 0 1px var(--accent)}.option-card input{position:absolute;width:1px;height:1px;opacity:0}.option-card:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--focus) 45%,transparent);outline-offset:2px}.option-indicator{display:grid;flex:0 0 22px;width:22px;height:22px;place-items:center;border:1.5px solid #929ba8;border-radius:50%;color:#fff;background:#fff}.option-card:has(input[type=checkbox]) .option-indicator{border-radius:6px}.option-card.selected .option-indicator{border-color:var(--accent);background:var(--accent)}.primary-button{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:9px;margin:26px 0 12px;padding:12px 18px;border:1px solid var(--accent);border-radius:11px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:transform .14s var(--ease-out),background .14s var(--ease-out),opacity .14s var(--ease-out)}.primary-button:hover{background:#0d315c}.primary-button:active{transform:scale(.97)}.primary-button:disabled{cursor:not-allowed;opacity:.48}.back-button{display:inline-flex;min-height:44px;align-items:center;gap:2px;margin:8px 0 0 -7px;padding:8px 6px;border:0;background:transparent;color:var(--accent);cursor:pointer;font-weight:650}.form-fields{display:grid;gap:8px;margin-top:24px}.form-fields>label:not(.consent-card):not(.honeypot),.support-card form>label:not(.honeypot){display:grid;gap:7px;color:#303640;font-weight:650}input,select{width:100%;min-height:50px;padding:11px 13px;border:1px solid #aeb5c0;border-radius:9px;background:#fff;color:var(--text)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 1px var(--error)}.field-error{margin:-2px 0 5px;color:var(--error);font-size:14px;line-height:1.4}.consent-card{display:flex;align-items:flex-start;gap:11px;margin-top:8px;padding:13px;border:1px solid var(--border);border-radius:10px;color:#303640;cursor:pointer}.consent-card.has-error{border-color:var(--error);background:var(--error-pale)}.consent-card input{flex:0 0 20px;width:20px;min-height:20px;margin:2px 0 0;accent-color:var(--accent)}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.submit-error{margin:18px 0 0;padding:13px;border-left:4px solid var(--error);border-radius:6px;background:var(--error-pale);color:#711913}.support-main{width:min(100%,680px);margin:0 auto;padding:48px 20px 64px}.wide-main{width:min(100%,1180px);margin:0 auto;padding:48px 20px 64px}.support-card,.legal-card{padding:clamp(24px,5vw,44px)}.support-card ul{margin:0 0 22px;padding-left:22px}.support-card li{margin:8px 0}.success-icon{width:38px;height:38px;margin-bottom:18px;color:var(--success)}.closing-line{margin-top:26px;padding:16px 17px;border-left:4px solid var(--success);background:var(--success-pale);font-weight:650}.footer-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;padding-top:20px;border-top:1px solid var(--border);font-size:14px}.success-state{display:flex;align-items:center;gap:9px;margin:24px 0;padding:14px;border:1px solid #9bc9b1;border-radius:10px;background:var(--success-pale);color:#145a38;font-weight:650}.draft-banner{display:inline-block;margin-bottom:24px;padding:6px 10px;border:1px solid #b8c1cd;border-radius:999px;background:#f1f3f6;color:#404752;font-size:13px;font-weight:700}.legal-card h2{padding-top:5px;border-top:1px solid #eceef2}.missing{display:block;margin:12px 0;padding:11px 13px;border-left:4px solid #8c5700;background:#fff7e8;color:#684000;font-size:14px}.lock-icon{width:34px;height:34px;margin:0 auto 16px;color:var(--accent)}.admin-header{display:flex;justify-content:space-between;margin-bottom:24px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:13px 14px;border-bottom:1px solid #e6e9ee;text-align:left;vertical-align:middle;white-space:nowrap}th{background:#f3f5f7;color:#414854;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.status{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf0f4;font-size:12px;font-weight:700;text-transform:capitalize}.status-delivered{background:var(--success-pale);color:#145a38}.status-dead_letter{background:var(--error-pale);color:#711913}.status-partial{background:#fff7e8;color:#684000}.replay-button{display:inline-flex;min-height:36px;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--accent);border-radius:7px;background:#fff;color:var(--accent);cursor:pointer;font-weight:650}.replay-button:disabled{cursor:not-allowed;opacity:.4}.noscript-message{max-width:560px;margin:40px auto;padding:20px}.spin{animation:spin .8s linear infinite}.inline{display:inline;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 640px){.quiz-main{padding-top:46px}.quiz-card{padding:42px 44px}.start-screen{padding:10px 2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}