:root{--primary:#4361ee;--primary-dark:#3a0ca3;--secondary:#7209b7;--accent:#4cc9f0;--success:#06d6a0;--info:#f8f9fa;--warning:#ff9f1c;--danger:#d62828;--light:#f8f9fa;--dark:#212529;--gray:#6c757d;--gray-light:#e9ecef;--gray-lighter:#f8f9fa;--white:#fff;--black:#000;--bg-body:var(--white);--text:var(--dark);--tool-bg:var(--white);--border:var(--gray-light);--tool-shadow:0 4px 6px rgba(0,0,0,0.1);--hero-color:var(--white);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all .25s ease;--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 8px 25px rgba(67,97,238,0.1);--shadow-lg:0 20px 60px rgba(0,0,0,0.08);--max-width:1200px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:var(--text);background-color:var(--bg-body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{color:var(--primary);text-decoration:none;background-color:rgba(0,0,0,0)}a:hover{color:var(--primary-dark);text-decoration:underline}img{max-width:100%;height:auto;vertical-align:middle;border-style:none}.info-header,.page-header,.hero-section{position:relative;overflow:hidden;color:#fff;padding:100px 0 60px;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 50%, var(--secondary) 100%)}.info-header::after,.page-header::after,.hero-section::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:60px;background:linear-gradient(160deg, var(--info) 0%, var(--gray-light) 40%, var(--white) 100%);clip-path:ellipse(55% 100% at 50% 100%)}.info-title,.page-title,.hero-title,.section-title,.cat-title{margin-bottom:var(--radius-sm);font-weight:800;line-height:1.2}.info-title,.page-title{font-size:clamp(2rem,4vw,2.8rem)}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.section-title,.cat-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.info-desc,.page-desc,.hero-desc,.section-subtitle{margin-bottom:2rem;max-width:650px;font-size:1.1rem;opacity:.9}.hero-desc{font-size:1.15rem;opacity:.92;max-width:600px;margin-bottom:32px;line-height:1.7}.hero-stats{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:2rem}.hero-stat{text-align:center}.hero-stat-num{font-size:1.8rem;font-weight:800}.hero-stat-label{font-size:.85rem;opacity:.75}.tool-item,.tool-card,.result-card,.settings-card,.page-thumb,.cat-card,.author-card,.case-card,.stat-card,.pricing-table,.feature-card,.testimonial-card,.cta-card{display:flex;flex-direction:column;padding:16px 20px;background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);text-decoration:none;transition:var(--transition);box-shadow:var(--shadow-sm)}.tool-item:hover,.tool-card:hover,.result-card:hover,.settings-card:hover,.page-thumb.selected,.cat-card:hover,.author-card:hover,.case-card:hover,.stat-card:hover,.pricing-table:hover,.feature-card:hover,.testimonial-card:hover,.cta-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary)}.tools-grid,.cat-grid,.stats-grid,.features-grid,.testimonials-grid,.pricing-table,.author-grid,.case-grid,.usage-guide,.download-options,.faq-accordion,.cta-options{display:grid;gap:12px}@media(max-width: 768px){.tools-grid,.cat-grid,.stats-grid,.features-grid,.testimonials-grid,.author-grid,.case-grid,.usage-guide,.download-options,.faq-accordion,.cta-options{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}.hero-section{padding:100px 0 80px}.info-header,.page-header,.hero-section{height:auto;min-height:400px}.hero-title{font-size:clamp(1.8rem,4vw,2.5rem)}.hero-desc{font-size:1rem;max-width:100%}.hero-stats{gap:20px}.section-title,.cat-title{font-size:clamp(1.3rem,3vw,1.8rem)}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--dark)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);outline:none}.btn-submit,.btn-primary,.btn-secondary{display:inline-block;font-weight:600;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid rgba(0,0,0,0);padding:.5rem 1rem;font-size:1rem;line-height:1.5;border-radius:var(--radius-md);transition:all .2s;cursor:pointer}.btn-submit,.btn-primary{background:var(--primary);color:#fff;border:none}.btn-submit:hover,.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--gray-light);color:var(--dark);border:1px solid var(--border)}.btn-secondary:hover{background:var(--white);border-color:var(--primary-dark)}.faq-item{margin-bottom:1rem;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.faq-question{padding:1rem;background:var(--gray-light);font-weight:600;cursor:pointer;position:relative}.faq-question::after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;float:right;transition:transform .2s}.faq-question.active::after{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .2s ease-out;background:var(--white);padding:0 1rem}.faq-answer.active{max-height:500px;padding:1rem}.alert{padding:1rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,0);border-radius:var(--radius-md)}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}#backToTop{position:fixed;bottom:2rem;right:2rem;display:none;width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:1.25rem;cursor:pointer;opacity:.7;transition:all .3s;z-index:1000;box-shadow:var(--shadow-md)}#backToTop:hover{opacity:1;transform:scale(1.1);background:var(--primary-dark)}body[data-theme=dark]{--bg-body:var(--dark);--text:var(--white);--primary:#818cf8;--primary-dark:#6366f1;--secondary:#a78bfa;--accent:#22d3ee;--success:#34d399;--info:#1e293b;--warning:#fbbf24;--danger:#ef4444;--light:#334155;--gray:#94a3b8;--gray-light:#475569;--gray-lighter:#374151;--white:#f8fafc;--border:#475569;--tool-bg:#334155;--tool-shadow:0 4px 6px rgba(0,0,0,0.3);--hero-color:#fff}body[data-theme=dark] .info-header,body[data-theme=dark] .page-header,body[data-theme=dark] .hero-section{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 50%, var(--secondary) 100%)}body[data-theme=dark] .info-header::after,body[data-theme=dark] .page-header::after,body[data-theme=dark] .hero-section::after{background:linear-gradient(160deg, var(--info) 0%, var(--gray-light) 40%, var(--white) 100%)}body[data-theme=dark] .tool-item,body[data-theme=dark] .tool-card,body[data-theme=dark] .result-card,body[data-theme=dark] .settings-card,body[data-theme=dark] .page-thumb,body[data-theme=dark] .cat-card,body[data-theme=dark] .author-card,body[data-theme=dark] .case-card,body[data-theme=dark] .stat-card,body[data-theme=dark] .pricing-table,body[data-theme=dark] .feature-card,body[data-theme=dark] .testimonial-card,body[data-theme=dark] .cta-card{background:var(--tool-bg);border-color:var(--gray-light)}body[data-theme=dark] .tool-item:hover,body[data-theme=dark] .tool-card:hover,body[data-theme=dark] .result-card:hover,body[data-theme=dark] .settings-card:hover,body[data-theme=dark] .page-thumb.selected,body[data-theme=dark] .cat-card:hover,body[data-theme=dark] .author-card:hover,body[data-theme=dark] .case-card:hover,body[data-theme=dark] .stat-card:hover,body[data-theme=dark] .pricing-table:hover,body[data-theme=dark] .feature-card:hover,body[data-theme=dark] .testimonial-card:hover,body[data-theme=dark] .cta-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}body[data-theme=dark] .alert-success{color:#dcfce7;background-color:#166534;border-color:#4ade80}body[data-theme=dark] .alert-info{color:#cffafe;background-color:#0369a1;border-color:#0ea5e9}body[data-theme=dark] .alert-warning{color:#fef9c3;background-color:#92400e;border-color:#fbbf24}body[data-theme=dark] .alert-danger{color:#fecaca;background-color:#991b1b;border-color:#ef4444}.hero-section{background:linear-gradient(135deg, #4361ee 0%, #3a0ca3 50%, #7209b7 100%);color:#fff;padding:120px 0 100px;position:relative;overflow:hidden}.hero-section::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:80px;background:linear-gradient(160deg, #f0f4ff 0%, #e8eeff 40%, #f5f0ff 100%);clip-path:ellipse(55% 100% at 50% 100%)}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;margin-bottom:16px;line-height:1.2;color:var(--hero-color)}.hero-desc{font-size:1.15rem;opacity:.92;max-width:600px;margin-bottom:32px;line-height:1.7}.hero-stats{display:flex;gap:40px;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-num{font-size:1.8rem;font-weight:800}.hero-stat-label{font-size:.85rem;opacity:.75}.section-title{text-align:center;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-bottom:8px}.section-subtitle{text-align:center;color:var(--gray);font-size:1.05rem;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.cat-section{margin-bottom:48px}.cat-title{font-size:1.3rem;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border);color:var(--dark);display:flex;align-items:center;gap:10px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:12px}.tool-item{display:flex;flex-direction:column;padding:16px;background:var(--tool-bg);border-radius:12px;border:1px solid var(--border);text-decoration:none;transition:all .25s}.tool-item:hover{transform:translateY(-3px);box-shadow:var(--tool-shadow);border-color:var(--primary)}body{background:var(--bg-body);color:var(--text)}.tool-item-name{font-weight:600;color:var(--primary);font-size:.9rem;margin-bottom:4px}.tool-item-desc{color:var(--gray);font-size:.8rem;line-height:1.4}@media(max-width: 768px){.tools-grid{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}}