:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f3f5f8;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:940px;margin:auto;padding:48px 22px}header{margin-bottom:30px}h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1;margin:.15em 0;color:#12233f}h2{margin-top:0;color:#16345f}.eyebrow{color:#2866a6;font-weight:800;letter-spacing:.16em;font-size:.75rem}section{background:white;border:1px solid #dde3eb;border-radius:14px;padding:26px;margin:18px 0;box-shadow:0 7px 24px #1a35570a}label{display:block;font-weight:700;margin:12px 0}input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #b8c3d2;border-radius:7px;font:inherit;background:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.actions{display:flex;gap:10px;flex-wrap:wrap}button{border:0;border-radius:7px;padding:12px 17px;background:#185ca0;color:white;font-weight:750;cursor:pointer;font-size:.95rem}.secondary{background:#34465c}.hint{color:#607086;font-size:.9rem}.notice{padding:14px;margin-top:16px;border-radius:8px}.good{background:#e7f7ee;color:#165d36}.bad{background:#fff0ef;color:#8d2923}.lookup article{padding:18px 0;border-top:1px solid #e2e7ed}.correct{color:#11603a;font-weight:750}footer{text-align:center;color:#6b7788;padding:0 20px 40px}@media(max-width:620px){.grid{grid-template-columns:1fr}main{padding-top:28px}section{padding:19px}}