:root{--bg-color: #0f0f11;--text-color: #e0e0e0;--primary-color: #646cff;--secondary-color: #535bf2;--card-bg: #1a1a1d;--card-hover: #242428;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;flex:1}header{margin-bottom:4rem;animation:fadeInDown .8s ease-out}h1{font-size:3.5rem;font-weight:800;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.02em}.subtitle{font-size:1.2rem;color:#888;font-weight:400}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.tool-card{background-color:var(--card-bg);border-radius:16px;padding:2rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease,background-color .3s;border:1px solid rgba(255,255,255,.05);cursor:pointer;text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(100,108,255,.1),transparent 40%);opacity:0;transition:opacity .3s}.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;background-color:var(--card-hover);border-color:#646cff33}.tool-card:hover:before{opacity:1}.tool-icon{font-size:2.5rem;margin-bottom:1rem;display:inline-block}.tool-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#fff}.tool-desc{font-size:.95rem;color:#aaa;line-height:1.5;margin:0}footer{padding:2rem;text-align:center;color:#555;font-size:.8rem;margin-top:auto}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){h1{font-size:2.5rem}}