*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f1ea;color:#1f2430;line-height:1.55}.wrap{width:min(100% - 32px,1000px);margin:auto}.site-header{background:#171a21;color:#fff;padding:18px 0}.nav{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;letter-spacing:2px;color:#fff;text-decoration:none;font-size:25px}.brand span{opacity:.65}.nav-link{color:#fff;text-decoration:none}.hero{padding:65px 0 45px;text-align:center}.hero h1{font-size:clamp(38px,7vw,70px);margin:0 0 8px}.tagline{font-size:22px;margin:0 0 28px}.card{background:#fff;border-radius:18px;padding:28px;margin:24px 0;box-shadow:0 8px 30px rgba(0,0,0,.07)}.btn{display:inline-block;border:0;border-radius:10px;background:#171a21;color:#fff;padding:13px 20px;text-decoration:none;font-weight:700;cursor:pointer}.btn.alt{background:#d7b15a;color:#171a21}.muted{color:#667085}.question{font-size:22px;font-weight:700}.answers label{display:block;background:#f5f6f8;border:2px solid transparent;border-radius:10px;padding:14px;margin:10px 0;cursor:pointer}.answers label:hover{border-color:#aaa}.answers input{margin-right:10px}.progress{font-size:14px;color:#667085;margin-bottom:15px}.score{font-size:64px;font-weight:900;margin:10px 0}.rank{font-size:30px;font-weight:900}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #ddd;text-align:left}.notice{padding:14px;border-radius:10px;background:#fff4cf}.small{font-size:13px}.footer{padding:35px 0;color:#667085;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.center{text-align:center}