*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#172033;background:#f7f9fc;line-height:1.65}a{color:#155eef;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 22px}.top{background:#0f172a}.nav{display:flex;justify-content:space-between;align-items:center;min-height:68px}.brand{font-weight:800;font-size:21px;color:#fff}.navlinks{display:flex;gap:18px}.navlinks a{color:#dbe5f5;font-size:14px}.hero{padding:62px 0 48px;background:linear-gradient(135deg,#eef5ff,#fff)}h1{font-size:clamp(34px,5vw,52px);line-height:1.08;margin:0 0 18px}h2{font-size:28px}.lead{font-size:19px;color:#526079;max-width:820px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e3e8f1;border-radius:14px;padding:22px;box-shadow:0 6px 24px #14233c0d;margin:18px 0}.badge{display:inline-block;background:#e7f0ff;color:#155eef;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.section{padding:42px 0}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{font-weight:700;font-size:14px}input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #cdd5e1;border-radius:9px;font:inherit}button{border:0;border-radius:9px;background:#155eef;color:#fff;padding:13px 20px;font-weight:800;cursor:pointer;margin-top:18px}.result{margin-top:18px;padding:18px;background:#eef5ff;border:1px solid #cfe0ff;border-radius:10px;font-weight:800}.note{padding:15px;background:#fff8e7;border-left:4px solid #f59e0b;border-radius:8px}.footer{background:#0f172a;color:#cbd5e1;padding:42px 0;margin-top:55px}.footer a{color:#dbe5f5}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.small{font-size:13px}@media(max-width:800px){.grid,.formgrid,.footergrid{grid-template-columns:1fr}.navlinks{display:none}}