@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";.home-container{background-color:#1a1a1a;color:#fff;padding:40px 20px;font-family:Inter,sans-serif;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:cover}.hero-section{text-align:center;margin-bottom:60px}.hero-section h1{font-size:3.5rem;font-weight:800;margin-bottom:10px;letter-spacing:-1px}.hero-section p{font-size:1.25rem;max-width:600px;margin:0 auto;color:#b0b0b0}.tools-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.tool-card{background-color:#2c2c2c;border-radius:15px;padding:30px;width:300px;box-shadow:0 10px 30px #00000080;transition:transform .3s ease,box-shadow .3s ease;border:1px solid transparent}.tool-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #000000b3}.tool-card-icon{height:50px;width:50px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;border-radius:10px}.glow-accent-1{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 0 20px 5px #a855f74d}.glow-accent-2{background:linear-gradient(135deg,#ec4899,#ef4444);box-shadow:0 0 20px 5px #ec48994d}.glow-accent-3{background:linear-gradient(135deg,#10b981,#22c55e);box-shadow:0 0 20px 5px #10b9814d}.glow-accent-4{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 0 20px 5px #f59e0b4d}.tool-card-icon svg{height:28px;width:28px;fill:#fff}.tool-card h3{font-size:1.5rem;margin-bottom:10px;font-weight:600}.tool-card p{color:#b0b0b0;font-size:1rem;line-height:1.6}@media (max-width: 768px){.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1.1rem}.tools-grid{flex-direction:column;align-items:center}.tool-card{width:90%}}#root{margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}