*{box-sizing:border-box}body{margin:0;background:#f5f8fa;color:#153044;font:16px system-ui,-apple-system,Segoe UI,sans-serif}header{background:#fff;padding:19px max(24px,calc((100vw - 1050px)/2));display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e1e8ed}header strong{color:#155e75;font-size:19px}header span{font-size:13px;color:#64748b}main{max-width:1050px;margin:auto;padding:30px 24px 65px}.hero{background:linear-gradient(130deg,#155e75,#0f766e);border-radius:22px;padding:46px;color:#fff}.hero>p:first-child{font-size:12px;letter-spacing:1.5px;font-weight:700}.hero h1{font-size:clamp(28px,4vw,44px);max-width:650px;margin:14px 0}.hero p:last-child{max-width:600px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.card{background:#fff;border:1px solid #dce6eb;border-radius:16px;text-align:left;padding:25px;cursor:pointer;display:flex;flex-direction:column;gap:12px;color:#153044}.card:hover{border-color:#0f766e;box-shadow:0 6px 18px #0f766e1a}.card b{font-size:21px}.card small,.muted{color:#64748b}.emoji{font-size:34px}.back{border:0;background:transparent;color:#155e75;padding:5px 0;cursor:pointer}nav{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}nav button{border:1px solid #cbd5e1;background:#fff;padding:12px 16px;border-radius:10px;cursor:pointer}nav .selected,.primary{background:#155e75;color:#fff;border-color:#155e75}article,.panel{background:#fff;border:1px solid #e1e8ed;border-radius:14px;padding:22px;margin:14px 0}.pill{font-size:12px;color:#155e75;background:#d9f1f2;padding:5px 9px;border-radius:50px}article h3{margin-bottom:4px}article p{color:#64748b;margin:0}form{display:grid;gap:18px}label{display:grid;gap:7px;font-weight:600}input,select,textarea{width:100%;font:inherit;padding:12px;border:1px solid #cbd5e1;border-radius:9px}button.primary{border:0;border-radius:9px;padding:13px 18px;font:inherit;cursor:pointer}.notice{background:#e7f7ef;padding:14px;border-radius:9px}.stat{background:#f1f5f9;padding:15px;border-radius:10px}footer{text-align:center;color:#64748b;font-size:12px;padding:24px}@media (max-width:650px){header{padding:16px}header span{display:none}.cards{grid-template-columns:1fr}.hero{padding:28px}main{padding:18px 16px 45px}}