*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f7f8fb;color:#172033}a{color:inherit}.wrap{max-width:1080px;margin:auto}.header{background:#101827;color:white;padding:20px 18px}.nav{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.brand{font-size:23px;font-weight:850;text-decoration:none}.links{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.links a{text-decoration:none;color:#dbe4ef}.hero{background:#101827;color:white;padding:50px 18px 62px}.hero h1{font-size:clamp(38px,8vw,62px);line-height:1.02;margin:0 0 15px}.hero p{font-size:18px;line-height:1.55;color:#cbd5e1;max-width:720px}.badge{display:inline-block;background:#ffffff18;border:1px solid #ffffff28;padding:7px 11px;border-radius:999px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:18px;padding:0 18px;margin-top:-30px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:21px;box-shadow:0 8px 25px #0000000a}.card h2{margin:0 0 10px;font-size:21px}.card p,.info p,.info li{color:#4b5563;line-height:1.7}.card a{text-decoration:none}button{width:100%;margin-top:13px;padding:12px;border:0;border-radius:10px;background:#ff6b35;color:white;font-weight:800;font-size:16px}input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;font-size:16px}label{display:block;font-size:14px;font-weight:700;margin:11px 0 5px}.result{margin-top:13px;padding:13px;border-radius:10px;background:#f1f5f9;font-weight:750;line-height:1.5}.info{padding:44px 18px;max-width:1080px;margin:auto}.info h1{font-size:38px}.info h2{font-size:27px}.note{font-size:12px;color:#64748b}.footer{margin-top:42px;background:#101827;color:#cbd5e1;padding:30px 18px}.footer a{color:#cbd5e1}.flinks{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px}@media(max-width:650px){.nav{align-items:flex-start}.links{width:100%}.grid{grid-template-columns:1fr}}