:root{--background-color: #ffffff;--text-color: #2c3e50;--accent-color: #3498db;--accent-hover: #2980b9;--card-bg: #ffffff;--card-shadow: rgba(0,0,0,.1);--section-bg: #f8f9fa;--border-color: #e9ecef;--success-color: #27ae60;--warning-color: #f39c12;--error-color: #e74c3c;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 12px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}[data-theme=dark]{--background-color: #1a1a1a;--text-color: #ffffff;--accent-color: #4dabf7;--accent-hover: #3b8fd9;--card-bg: #2d2d2d;--card-shadow: rgba(0,0,0,.3);--section-bg: #2d2d2d;--border-color: #404040}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0;line-height:1.6;background-color:var(--background-color);color:var(--text-color);transition:background-color var(--transition-normal),color var(--transition-normal)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-section{padding:var(--spacing-xl) var(--spacing-sm);margin:var(--spacing-lg) auto;text-align:center;max-width:1200px;position:relative;background:linear-gradient(135deg,#3498db0d,#27ae600d);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg)}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.hero-content h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:var(--spacing-md);line-height:1.1;font-weight:800;color:var(--text-color)}.title-line{display:block;animation:fadeInUp .8s ease-out}.title-line.highlight{background:linear-gradient(135deg,var(--accent-color),#27ae60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.3rem);color:var(--text-color);opacity:.9;line-height:1.6;margin-bottom:var(--spacing-xl);animation:fadeInUp .8s ease-out .4s both}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .6s both}.hero-featured-wrapper{display:flex;flex-direction:column;align-items:center;gap:0;position:relative}.hero-featured-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;padding:.25rem var(--spacing-sm);border-radius:15px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #3498db4d;letter-spacing:.5px;text-align:center;white-space:nowrap;position:absolute;top:-1.75rem;left:50%;transform:translate(-50%);z-index:1}.hero-featured-wrapper .primary-cta{position:relative}.primary-cta,.secondary-cta{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);text-decoration:none;font-weight:600;transition:all var(--transition-normal);border:2px solid transparent;display:inline-block}.primary-cta{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;box-shadow:0 6px 20px #3498db66;position:relative;overflow:hidden}.primary-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.primary-cta:hover:before{left:100%}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px #3498db80}.secondary-cta{background:transparent;color:var(--accent-color);border-color:var(--accent-color);position:relative}.secondary-cta:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--accent-color);transition:width var(--transition-normal);z-index:-1}.secondary-cta:hover:before{width:100%}.secondary-cta:hover{color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #3498db4d}.featured-section{padding:var(--spacing-xl) var(--spacing-sm);margin:var(--spacing-xl) auto;max-width:1200px}.featured-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 6px 25px var(--card-shadow),0 0 0 1px #0000000d;display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-xl);align-items:center;position:relative;overflow:hidden;border:2px solid var(--border-color);border-left:4px solid var(--accent-color);transition:all var(--transition-normal);width:100%;margin:0 auto}.featured-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),#27ae60);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.featured-card:hover:before{transform:scaleX(1)}.featured-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px var(--card-shadow),0 0 0 1px #3498db1a;border-color:var(--accent-color)}.featured-content{position:relative;z-index:2;color:var(--text-color)}.featured-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-md);box-shadow:0 2px 8px #3498db4d}.featured-card h2{font-size:clamp(1.8rem,3.5vw,2.2rem);margin-bottom:var(--spacing-md);font-weight:800;color:var(--text-color)}.featured-description{font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.7;margin-bottom:var(--spacing-lg);color:var(--text-color);opacity:.9}.featured-features{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.featured-feature-item{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--section-bg);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;border:1px solid var(--border-color);transition:all var(--transition-normal);color:var(--text-color)}.featured-feature-item:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 2px 8px #3498db4d}.feature-icon-small{font-size:1.2rem}.featured-cta{display:inline-block;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-sm);text-decoration:none;font-weight:700;font-size:1rem;transition:all var(--transition-normal);box-shadow:0 4px 15px #3498db4d;position:relative;overflow:hidden}.featured-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.featured-cta:hover:before{left:100%}.featured-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.featured-visual{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.featured-icon-large{font-size:5rem;opacity:.15;color:var(--accent-color);filter:drop-shadow(0 2px 10px rgba(52,152,219,.2));transition:transform var(--transition-normal)}.featured-card:hover .featured-icon-large{transform:scale(1.1);opacity:.2}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.4}}.categories-section{padding:var(--spacing-xl) var(--spacing-sm);margin:var(--spacing-xl) auto;max-width:1200px}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.category-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 6px 25px var(--card-shadow),0 0 0 1px #0000000d;border:1px solid var(--border-color);transition:all var(--transition-normal);display:flex;flex-direction:column;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),#27ae60);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.category-card:hover:before{transform:scaleX(1)}.category-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px var(--card-shadow),0 0 0 1px #3498db1a;border-color:var(--accent-color)}.category-header{margin-bottom:var(--spacing-lg);text-align:center;position:relative}.category-icon{font-size:3rem;margin-bottom:var(--spacing-sm);display:inline-block;transition:transform var(--transition-normal);filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.category-card:hover .category-icon{transform:scale(1.1) rotate(5deg)}.category-header h3{font-size:clamp(1.5rem,3vw,1.8rem);margin-bottom:var(--spacing-xs);color:var(--text-color);font-weight:700}.category-description{font-size:clamp(.9rem,2vw,1rem);color:var(--text-color);opacity:.8;line-height:1.5}.category-tools{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-grow:1}.tool-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--section-bg);border-radius:var(--radius-md);text-decoration:none;color:var(--text-color);border:1px solid var(--border-color);transition:all var(--transition-normal);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-color);transform:scaleY(0);transform-origin:bottom;transition:transform var(--transition-normal)}.tool-card:hover:before{transform:scaleY(1)}.tool-card:hover{transform:translate(8px);background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 6px 20px #3498db59}.tool-card.main-tool{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border-color:var(--accent-color);box-shadow:0 4px 15px #3498db4d}.tool-card.main-tool:before{background:#ffffff4d}.tool-card.main-tool:hover{transform:translate(8px) scale(1.02);box-shadow:0 8px 25px #3498db80}.tool-icon{font-size:2rem;min-width:2.5rem;text-align:center;transition:transform var(--transition-fast)}.tool-card:hover .tool-icon{transform:scale(1.1)}.tool-content{flex-grow:1}.tool-content h4{margin:0 0 var(--spacing-xs) 0;font-size:clamp(1rem,2vw,1.1rem);font-weight:600;color:inherit}.tool-content p{margin:0;font-size:clamp(.85rem,1.8vw,.95rem);color:inherit;opacity:.9;line-height:1.4}footer{padding:var(--spacing-xl) var(--spacing-lg);background:var(--section-bg);border-top:1px solid var(--border-color);margin-top:var(--spacing-xl)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.footer-section h4{margin-bottom:var(--spacing-sm);color:var(--text-color);font-size:clamp(1rem,2vw,1.1rem)}.footer-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-nav a{color:var(--text-color);text-decoration:none;opacity:.8;transition:all var(--transition-normal);padding:var(--spacing-xs) 0}.footer-nav a:hover{opacity:1;color:var(--accent-color);transform:translate(5px)}.footer-section p{margin:0;color:var(--text-color);opacity:.7;font-size:clamp(.85rem,1.8vw,.95rem)}.theme-toggle{position:fixed;left:20px;top:20px;z-index:1000;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px var(--card-shadow)}.theme-toggle:hover{transform:translateY(-2px) rotate(15deg);box-shadow:0 6px 20px var(--card-shadow);border-color:var(--accent-color)}.theme-toggle:active{transform:translateY(0) rotate(0)}.theme-toggle i{font-size:1.4rem;color:var(--text-color);transition:transform var(--transition-fast)}@media (max-width: 1024px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.featured-card{grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-lg)}.featured-icon-large{font-size:4rem}.featured-features{justify-content:center}.categories-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.category-card{padding:var(--spacing-md)}.category-icon{font-size:2.5rem}.tool-card{padding:var(--spacing-sm);gap:var(--spacing-sm)}.tool-icon{font-size:1.5rem;min-width:2rem}.hero-actions{flex-direction:column;align-items:stretch}.primary-cta,.secondary-cta{width:100%;text-align:center}.footer-content{grid-template-columns:1fr;text-align:center}.footer-nav{align-items:center}}@media (max-width: 480px){.hero-section,.featured-section{padding:var(--spacing-lg) var(--spacing-sm)}.featured-card{padding:var(--spacing-md);border-left-width:3px}.featured-icon-large{font-size:3rem}.featured-features{flex-direction:column;gap:var(--spacing-sm)}.categories-section{padding:var(--spacing-lg) var(--spacing-sm)}.category-card{padding:var(--spacing-sm)}.category-icon{font-size:2rem}.tool-card{flex-direction:column;text-align:center}.tool-icon{font-size:1.8rem}}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#4dabf71a,#27ae601a)}[data-theme=dark] .featured-card{background:var(--card-bg);border:2px solid var(--border-color);border-left:4px solid var(--accent-color);box-shadow:0 6px 25px var(--card-shadow),0 0 0 1px #ffffff0d}[data-theme=dark] .featured-card:hover{box-shadow:0 12px 40px var(--card-shadow),0 0 0 1px #4dabf733}[data-theme=dark] .category-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 6px 25px var(--card-shadow),0 0 0 1px #ffffff0d}[data-theme=dark] .category-card:hover{box-shadow:0 12px 40px var(--card-shadow),0 0 0 1px #4dabf733}[data-theme=dark] .tool-card{background:var(--section-bg);border:1px solid var(--border-color)}[data-theme=dark] .theme-toggle{background:#2a2a2a;border-color:#404040;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .theme-toggle:hover{background:#333;border-color:var(--accent-color);box-shadow:0 6px 20px #0006}html{scroll-behavior:smooth}.category-card,.tool-card,.featured-card,.theme-toggle{will-change:transform}@media print{.theme-toggle,.category-card:hover,.tool-card:hover{transform:none!important}.category-card{break-inside:avoid}}