:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172c4a;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1080px;margin:auto;padding-left:20px;padding-right:20px}.site-header{background:#172c4a;color:white}.header-row{display:flex;justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:22px;gap:20px}.brand{font-size:29px;font-weight:850;letter-spacing:-1.4px;color:white;text-decoration:none}.brand span{color:#ffbd6b}.brand small{font-size:13px;color:#afc0d6;letter-spacing:0}.site-header nav{display:flex;gap:17px}.site-header nav a{color:white;text-decoration:none;opacity:.9}.site-header nav a:hover{opacity:1}.hero{padding:38px 0 27px}.pill{display:inline-block;padding:6px 11px;border-radius:99px;background:#e7f6f0;color:#187055;font-size:12px;font-weight:700}h1{font-size:clamp(35px,6vw,56px);line-height:1.05;letter-spacing:-2px;margin:20px 0 14px}.hero>p{font-size:18px;line-height:1.5;max-width:700px}.muted{color:#64748b}.note{border-left:4px solid #ffbd6b;background:#fff8ee;color:#665136;padding:13px 17px;border-radius:0 9px 9px 0;font-size:14px;line-height:1.5}.section{margin-top:55px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:25px 0 14px}.section-head h2{margin:0;font-size:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.card{background:white;border:1px solid #e4e9f2;border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(23,44,74,.04)}.card h3{font-size:19px;margin:12px 0 8px}.badge{display:inline-block;background:#eaf1fb;color:#315b9a;border-radius:7px;font-size:12px;font-weight:750;padding:5px 9px}.badge.live{background:#ffe8d2;color:#a14914}.course-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;margin-top:16px}.counter,.hint{color:#64748b;font-size:13px}.course form{display:flex;gap:7px}.course select{font:inherit;padding:10px;border:1px solid #c6d3e3;border-radius:9px;background:white;max-width:100px}button,.button{border:0;background:#1b6bd0;color:white;padding:11px 14px;font:inherit;font-weight:700;border-radius:9px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#1555a8}.secondary{background:#e9eff7;color:#172c4a}.secondary:hover{background:#d7e4f4}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric strong{display:block;font-size:35px}.metric span{color:#64748b}.stats-details{margin-top:16px}.bars{height:160px;border-bottom:1px solid #dce5f0;display:flex;align-items:end;gap:5px;padding:10px 0}.bar{flex:1;min-width:5px;background:#1b6bd0;border-radius:5px 5px 0 0}.row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf0f5}.alert{padding:13px 17px;border-radius:9px;margin:10px 0}.alert-error{background:#feeceb;color:#a21b13}.alert-success{background:#e7f6f0;color:#187055}.empty{padding:25px;text-align:center;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b}.site-footer{text-align:center;color:#71839b;font-size:13px;padding:50px 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.header-row{padding-top:17px;padding-bottom:17px}.brand{font-size:25px}.site-header nav{gap:10px;font-size:13px}.stats-grid{grid-template-columns:1fr}.course-bottom{align-items:flex-start;flex-direction:column}.row{font-size:14px}}