body{font-family:Arial;margin:0;background:#fff;color:#222}
.container{width:90%;max-width:1200px;margin:auto}
.site-header{background:#0a7cff;padding:15px;color:#fff}
.nav-wrapper{display:flex;justify-content:space-between;align-items:center}
.hero{text-align:center;padding:80px 20px;background:#f5f7fb}
.btn{background:#0a7cff;color:#fff;padding:12px 25px;text-decoration:none;border-radius:6px}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}
.tool-card{padding:20px;background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:.3s}
.tool-card:hover{transform:translateY(-5px)}
.calculator input{width:100%;padding:10px;margin:10px 0}
.calculator button{padding:12px;background:#0a7cff;color:#fff;border:none;cursor:pointer}
.dark{background:#111;color:#eee}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:40px 0}