:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#17202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.wrap{max-width:860px;margin:0 auto;padding:24px 16px 64px}header.brand{background:#0f2a44;color:#fff;border-radius:12px;padding:24px}header.brand h1{margin:0 0 8px}header.brand p{margin:4px 0;color:#d6e4f0}.card{background:#fff;border:1px solid #dde3e8;border-radius:12px;padding:20px;margin-top:16px}label{display:block;font-weight:600;margin:12px 0 4px}input,select,textarea{width:100%;padding:10px;border:1px solid #b9c4cd;border-radius:8px;font:inherit}button.primary{background:#0f7a3d;color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer;margin-top:16px}button.secondary{background:#eef2f5;border:1px solid #b9c4cd;border-radius:8px;padding:10px 14px;cursor:pointer;margin-top:16px}.score{font-size:56px;font-weight:800;color:#0f2a44}.error{background:#fdecea;border:1px solid #e8a49e;color:#7a1f1a;border-radius:8px;padding:12px;margin-top:16px}.hint{color:#55606a;font-size:14px}footer{margin-top:24px;color:#55606a;font-size:14px;text-align:center}@media print{button{display:none}.wrap{max-width:none}}
