.home{background:var(--background);color:var(--foreground);min-height:100vh;font-family:var(--font-sans)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{text-align:center;margin-bottom:60px;padding:60px 0}.hero h1{color:var(--foreground);margin-bottom:16px;font-size:2.5rem;font-weight:700}.hero p{color:var(--secondary);max-width:600px;margin:0 auto;font-size:1.25rem}.tool-section{margin-bottom:60px}.tool-section h2{text-align:center;color:var(--foreground);margin-bottom:32px;font-size:1.75rem;font-weight:700}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.tool-card{background:var(--light);color:var(--foreground);border:1px solid var(--border);border-radius:8px;padding:24px;text-decoration:none;transition:all .3s;box-shadow:0 2px 4px #0000001a}.tool-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 4px 8px #00000026}.tool-card .icon{margin-bottom:16px;font-size:3rem}.tool-card h3{color:var(--foreground);margin-bottom:8px;font-size:1.25rem;font-weight:700}.tool-card p{color:var(--secondary);margin-bottom:16px;line-height:1.5}.tool-card .category{background:var(--primary);color:#fff;border-radius:16px;padding:4px 12px;font-size:.875rem;font-weight:500;display:inline-block}.features{background:var(--light);border-radius:8px;margin-bottom:60px;padding:40px;box-shadow:0 2px 4px #0000001a}.features h2{text-align:center;color:var(--foreground);margin-bottom:32px;font-size:1.75rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.feature-item{text-align:center}.feature-item .icon{margin-bottom:16px;font-size:2.5rem}.feature-item h3{color:var(--foreground);margin-bottom:8px;font-size:1.125rem;font-weight:700}.feature-item p{color:var(--secondary);line-height:1.5}.about{text-align:center;padding:40px 0}.about h2{color:var(--foreground);margin-bottom:16px;font-size:1.75rem;font-weight:700}.about p{color:var(--secondary);max-width:600px;margin:0 auto 32px;line-height:1.5}.about .btn{background:var(--primary);color:#fff;border-radius:8px;padding:12px 30px;font-weight:500;text-decoration:none;transition:background-color .3s;display:inline-block}.about .btn:hover{background:var(--primary-hover)}.dark .home{background:var(--background);color:var(--foreground)}.dark .hero h1,.dark .tool-section h2,.dark .features h2,.dark .about h2,.dark .tool-card h3,.dark .feature-item h3{color:var(--foreground)}.dark .hero p,.dark .tool-card p,.dark .feature-item p,.dark .about p{color:var(--secondary)}.dark .tool-card{background:var(--background);border-color:var(--border)}.dark .features{background:var(--background)}