*{box-sizing:border-box}:root{--red:#c70012;--ink:#171717;--muted:#6f6f6f;--line:#e2e2e2;--soft:#f6f6f7}body{margin:0;background:linear-gradient(135deg,#f4f4f5,#fff);font-family:Arial,"Noto Sans Thai",sans-serif;color:var(--ink)}a{color:var(--red);text-decoration:none}.wrap{width:min(920px,calc(100% - 30px));min-height:100vh;margin:auto;display:grid;place-items:center;padding:30px 0}.top{display:block;min-height:auto}.card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 22px 65px rgba(0,0,0,.09)}.wide{width:min(820px,100%)}.kicker{color:var(--red);font-weight:800;font-size:.72rem;letter-spacing:.14em;margin:0}h1{margin:8px 0;font-size:2rem}h2{margin-top:28px}.muted{color:var(--muted)}label{display:block;font-size:.85rem;font-weight:700;margin:14px 0}input{width:100%;padding:12px 13px;margin-top:6px;border:1px solid #d5d5d5;border-radius:10px;outline:none}input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(199,0,18,.08)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.question{background:var(--soft);padding:14px;border-radius:12px;margin:12px 0}.btn{border:0;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer}.primary{background:var(--red);color:#fff}.block{width:100%}.center{text-align:center}.alert{padding:12px 14px;border-radius:10px;margin:14px 0}.error{background:#fff0f1;color:#9f0010;border:1px solid #ffd0d5}.success{background:#edf8f0;color:#176936;border:1px solid #cfe9d5}header{background:#fff;border-bottom:1px solid var(--line)}.bar{width:min(920px,calc(100% - 30px));height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.stats div{background:var(--soft);padding:20px;border-radius:14px}.stats small,.stats strong{display:block}.stats strong{font-size:1.7rem;margin-top:5px}@media(max-width:650px){.grid,.stats{grid-template-columns:1fr}.card{padding:22px}}