*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f7f8fc;color:#172033;line-height:1.6}header{background:white;border-bottom:1px solid #e5e8ef}.nav{max-width:1100px;margin:auto;padding:16px 20px;display:flex;justify-content:space-between}.logo{font-size:24px;font-weight:bold;color:#315efb;text-decoration:none}.nav a{color:#172033;text-decoration:none;margin-left:15px}main{max-width:1100px;margin:auto;padding:35px 20px}.hero{text-align:center}.hero h1{font-size:40px}.muted{color:#657084}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{background:white;border:1px solid #e5e8ef;border-radius:14px;padding:20px}.card a{text-decoration:none;color:inherit}.tool{max-width:700px;margin:auto}.form{display:grid;gap:14px}.field label{display:block;font-weight:bold}.field input{width:100%;padding:13px;border:1px solid #d8dce5;border-radius:9px;font-size:16px}.button{background:#315efb;color:white;border:0;border-radius:9px;padding:13px;font-size:16px}.result{margin-top:15px;padding:15px;background:#eef2ff;border-radius:9px;font-weight:bold}.ad{margin:25px 0;padding:20px;text-align:center;border:1px dashed #cbd1dc;background:white;color:#777}footer{margin-top:45px;background:white;border-top:1px solid #e5e8ef;padding:25px 20px;color:#657084}footer a{margin-right:14px;color:#657084}@media(max-width:700px){.navlinks{display:none}.hero h1{font-size:32px}}