:root{--n:#061324;--c:#28d7ff;--g:#2c7458;--y:#e4c477}*{box-sizing:border-box}body{margin:0;background:#f3f7fa;color:#17263b;font:16px/1.55 Arial}main{max-width:900px;margin:auto;padding:38px 22px}header{background:var(--n);color:white;padding:48px 22px}header>div{max-width:900px;margin:auto}h1{font-size:clamp(35px,6vw,58px);line-height:1.05}h2{color:var(--n)}section{background:white;margin:22px 0;padding:28px;border-radius:16px;box-shadow:0 8px 25px #06132412}b{color:var(--c)}li{margin:10px 0}.op{margin:18px 0}.row{display:flex;justify-content:space-between;font-weight:bold}.track{height:14px;background:#e4edf2;border-radius:9px}.bar{height:100%;background:linear-gradient(90deg,var(--g),var(--c));border-radius:9px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{padding:15px;border:1px solid #dbe6eb;border-radius:10px}.note{border-left:5px solid var(--y)}.cta{text-align:center;background:var(--n);color:white}.btn{display:inline-block;padding:14px 20px;background:var(--c);color:var(--n);font-weight:bold;text-decoration:none;border-radius:8px}@media(max-width:600px){.grid{grid-template-columns:1fr}}