:root{--n:#062d62;--g:#219317;--y:#ffb400;--m:#667085}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial;background:linear-gradient(#fff,#edf5ee);color:#10233f;min-height:100vh}.shell{width:min(760px,calc(100% - 28px));margin:28px auto}.wide{width:min(960px,calc(100% - 28px))}.card{background:#fff;border:1px solid #e7eee8;border-radius:28px;box-shadow:0 20px 60px #0a311f1a;padding:clamp(24px,5vw,48px)}.hero,.result,.suspense{text-align:center}.logo{width:min(390px,90%)}.logo.small{width:220px;display:block;margin:0 auto 20px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:900;color:var(--g);margin:18px 0 8px}h1{font-size:clamp(34px,7vw,58px);line-height:1;color:var(--n)}.lead{font-size:18px;color:var(--m)}form{max-width:560px;margin:30px auto;text-align:left}label{font-weight:800}.row{display:flex;gap:10px;margin-top:8px}input{flex:1;min-width:0;border:2px solid #dfe7e0;border-radius:14px;padding:16px;font-size:18px}button{border:0;border-radius:14px;background:var(--g);color:#fff;font-weight:900;padding:0 22px;font-size:15px}.error{color:#b42318;font-weight:700}.hint,.note{font-size:12px;color:#89928d}.hidden{display:none!important}.answer-link{max-width:560px;margin:20px auto 0;display:flex;justify-content:space-between;gap:12px;padding:16px;border-radius:18px;background:#f6faf5;color:var(--n)}.suspense{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader{font-size:28px;color:var(--g);animation:pulse .9s infinite}.scoreWrap{display:flex;align-items:center;justify-content:center;gap:30px;padding:26px;border-radius:22px;background:#f5fbf3}.ring{width:150px;height:150px;border:10px solid #dfe9df;border-top-color:var(--g);border-radius:50%;display:flex;flex-direction:column;justify-content:center;font-weight:950;font-size:50px}.ring small{font-size:12px;color:var(--m)}.bigPercent{font-size:42px;font-weight:950;color:var(--g)}.message,.focus{text-align:left;border-radius:18px;padding:20px 22px;margin-top:18px}.message{background:#f5f8fc;border-left:5px solid var(--n)}.focus{background:#fff9e9;border-left:5px solid var(--y)}.result-answer-button{display:inline-flex;margin-top:20px;border-radius:14px;padding:14px 18px;background:var(--n);color:#fff;font-weight:900}a{color:var(--n);text-decoration:none}.answer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:25px}.answer-item{display:flex;justify-content:space-between;align-items:center;padding:11px;border-radius:13px;background:#f8faf8;border:1px solid #e5ece5}.answer-item b{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--n);color:#fff}footer{text-align:center;color:#7c8781;font-size:12px;padding:0 16px 30px}@keyframes pulse{50%{transform:scale(1.15);opacity:.6}}@media(max-width:600px){.shell{margin:14px auto}.card{padding:24px 18px;border-radius:22px}.row,.scoreWrap{flex-direction:column}.row button{padding:16px}.answer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:430px){.answer-grid{grid-template-columns:repeat(2,1fr)}.result-answer-button{display:flex;justify-content:center}}