:root{font-family:system-ui,sans-serif;color:#0f1b3d;background:#f5f7ff}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:white;border-bottom:1px solid #dde4f3;padding:16px 24px}header span{margin-left:auto;color:#53617e}a{color:#2453d2}main{max-width:960px;margin:32px auto;padding:0 18px 60px}h1{font-size:clamp(26px,5vw,38px);letter-spacing:-.03em}h2{font-size:21px}p{line-height:1.65}.eyebrow{font-size:12px;color:#2453d2;font-weight:700;letter-spacing:.08em}.card{background:white;border:1px solid #e0e6f2;border-radius:20px;padding:24px;margin:20px 0;overflow-wrap:anywhere}button,select{font:inherit;min-height:44px;padding:10px 15px;border:1px solid #c9d4ed;border-radius:12px;background:white;color:#214fc9;margin:6px 8px 6px 0;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #2b5be8;outline-offset:3px}button:disabled{cursor:wait;opacity:.65}label{display:block;margin-top:14px}.primary{color:white;background:#2b5be8}.result{padding:12px;border-left:3px solid #2b5be8}.choices{display:flex;flex-wrap:wrap;gap:6px}small{color:#5b6785}@media(max-width:500px){.card{padding:18px}header{padding:14px}header span{margin-left:0;width:100%}button{width:100%}}