body{color:#eee;background-color:#121212;margin:0;font-family:sans-serif}.app{min-height:100vh}.hero{text-align:center;background:linear-gradient(#1a1a1a,#121212);padding:2rem}.hero h1{margin:0;font-size:2.5rem}.hero p{color:#aaa}.container{max-width:1200px;margin:0 auto}.tools-section{padding:2rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.tool-card{cursor:pointer;background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:20px;transition:transform .2s}.tool-card:hover{border-color:#555;transform:translateY(-5px)}.tool-card h3{margin-top:0}.tool-card p{color:#aaa;font-size:.9rem}