.main-header{background:linear-gradient(135deg,#667eea,#764ba2)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.tool-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;text-align:center;border:1px solid #e1e5e9}.tool-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026;border-color:#667eea}.tool-icon{font-size:3.5rem;margin-bottom:1.5rem;display:block}.tool-card h3{font-size:1.5rem;margin-bottom:.75rem;color:#2c3e50;font-weight:600}.tool-card p{color:#7f8c8d;margin-bottom:1.5rem;line-height:1.5}.tool-link{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.tool-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.welcome-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;padding:4rem 2rem;margin-bottom:3rem;text-align:center}.welcome-section h2{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-section p{font-size:1.3rem;color:#5a6c7d;max-width:600px;margin:0 auto}@media (max-width: 768px){.welcome-section h2{font-size:2rem}.welcome-section p{font-size:1.1rem}.tools-grid{grid-template-columns:1fr;gap:1.5rem}.tool-card{padding:1.5rem}}[data-theme=dark] .tool-card{background-color:#2d2d2d;border-color:#404040;color:#e0e0e0}[data-theme=dark] .tool-card h3{color:#e0e0e0}[data-theme=dark] .tool-card p{color:#b0b0b0}[data-theme=dark] .welcome-section{background:linear-gradient(135deg,#2d2d2d,#404040)}[data-theme=dark] .welcome-section h2{background:linear-gradient(135deg,#8b9dc3,#a8b5d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .welcome-section p{color:#d0d0d0}