*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f7fb;color:#172033}a{color:inherit}.container{max-width:1100px;margin:auto;padding:0 20px}header{background:#fff;border-bottom:1px solid #e7e9ef;position:sticky;top:0;z-index:5}.nav{height:64px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:800}.logo span{font-weight:400}.hero{text-align:center;padding:70px 10px 45px}.badge{display:inline-block;background:#e9eefc;padding:7px 12px;border-radius:99px;font-size:13px}.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.05;margin:15px auto;max-width:800px}.hero p:last-child{color:#687287;font-size:18px;max-width:650px;margin:auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e5e8ef;border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(25,35,55,.05)}h2{margin-top:0;font-size:21px}label{display:block;font-size:13px;font-weight:700;margin:13px 0;color:#4d586d}input,select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d8dce5;border-radius:10px;font-size:15px;background:#fff}button{width:100%;padding:12px;border:0;border-radius:10px;background:#172033;color:#fff;font-weight:700;cursor:pointer;margin-top:5px}button:hover{opacity:.9}.result{min-height:42px;margin-top:14px;padding:11px;border-radius:10px;background:#f1f4f9;font-weight:700}.info{margin:35px 0;background:#fff;border:1px solid #e5e8ef;border-radius:18px;padding:25px}.info p{color:#687287;line-height:1.6}small{display:block;color:#777;margin-top:9px}footer{background:#172033;color:#dce2ef;padding:25px 0;margin-top:50px;font-size:14px}footer p{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid{grid-template-columns:1fr}.hero{padding-top:45px}.hero h1{font-size:40px}}
