:root{--primary: #2B2D42;--accent: #EF233C;--background: #F8F9FA;--secondary: #8D99AE;--cta: #00B894}body{margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;background:var(--background);color:var(--primary)}header,footer{background:var(--primary);color:#fff;text-align:center;padding:1.5rem 0}nav a{color:#fff;margin:0 1rem;font-weight:500;text-decoration:none;transition:color .2s}nav a:hover{color:var(--accent)}.main-content{max-width:1080px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 16px #2b2d420f}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin:2rem 0}button,input[type=submit]{background:var(--cta);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background .2s}button:hover,input[type=submit]:hover{background:var(--accent);color:#fff}@media (max-width: 600px){.main-content{padding:1rem}.tool-grid{grid-template-columns:1fr}}