:root,[data-theme=dark]{--brand-primary: #F59E0B;--primary: #F59E0B;--brand-primary-dark: #D97706;--brand-accent: #6366F1;--brand-glow: rgba(245, 158, 11, .2);--bg: #16181d;--surface: #1e2028;--surface-2: #262a35;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.15);--text: #F1F5F9;--text-muted: #94A3B8;--text-subtle: #64748B;--success: #10B981;--error: #EF4444;--warning: #F59E0B;--info: #38BDF8;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 12px 32px rgba(0,0,0,.6);--shadow-glow: 0 0 24px rgba(245,158,11,.2);--header-bg: rgba(15, 17, 23, .85);--hero-overlay: rgba(15,17,23,.6);--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--radius-xl: 28px;--max-w: 1200px;--duration-short: .1s;--duration-medium: .2s;--duration-long: .35s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--elevation-0: none;--elevation-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15);--elevation-2: 0 1px 2px rgba(0,0,0,.3), 0 2px 6px 2px rgba(0,0,0,.15);--elevation-3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);--elevation-4: 0 6px 10px 4px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.3);--elevation-5: 0 8px 12px 6px rgba(0,0,0,.15), 0 4px 4px rgba(0,0,0,.3)}[data-theme=light]{--brand-primary: #F59E0B;--primary: #F59E0B;--brand-primary-dark: #D97706;--brand-accent: #6366F1;--brand-glow: rgba(245, 158, 11, .15);--bg: #FFFFFF;--surface: #FFFFFF;--surface-2: #F8FAFC;--surface-3: #F1F5F9;--border: rgba(0,0,0,.08);--border-hover: rgba(0,0,0,.16);--text: #0F172A;--text-muted: #475569;--text-subtle: #94A3B8;--success: #10B981;--error: #EF4444;--warning: #F59E0B;--info: #38BDF8;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 32px rgba(0,0,0,.1);--shadow-glow: 0 0 24px rgba(245,158,11,.15);--header-bg: rgba(255, 255, 255, .92);--hero-overlay: rgba(255,255,255,.6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand-primary);text-decoration:none}a:hover{color:var(--brand-primary-dark)}h1{font-size:2.5rem;font-weight:800;line-height:1.15;letter-spacing:-.02em}h2{font-size:1.75rem;font-weight:700;letter-spacing:-.01em}h3{font-size:1.125rem;font-weight:600}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#f59e0b4d;color:var(--text)}.header{position:sticky;top:0;z-index:100;background:var(--header-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:var(--max-w);margin:0 auto;padding:0 24px}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.25rem;color:var(--text);letter-spacing:-.01em}.nav{display:flex;gap:20px;align-items:center}.nav a{color:var(--text-muted);font-weight:500;font-size:.9rem;transition:color .15s}.nav a:hover{color:var(--brand-primary)}.nav-cta{background:var(--brand-primary);color:#000!important;padding:8px 18px;border-radius:var(--radius-sm);font-weight:700;font-size:.875rem;transition:all .2s}.nav-cta:hover{background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-glow);color:#000!important}.hero{position:relative;overflow:hidden;padding:64px 0 60px;text-align:center;background:var(--bg)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(245,158,11,.12) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 20% 50%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(ellipse 30% 40% at 80% 30%,rgba(16,185,129,.06) 0%,transparent 60%);pointer-events:none}[data-theme=light] .hero:before{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(245,158,11,.15) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 20% 50%,rgba(99,102,241,.1) 0%,transparent 60%),radial-gradient(ellipse 30% 40% at 80% 30%,rgba(16,185,129,.08) 0%,transparent 60%)}.hero-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 0%,transparent 70%);pointer-events:none}[data-theme=light] .hero-grid-bg{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}.hero h1{margin-bottom:14px;color:var(--text);position:relative;z-index:1}.hero h1 .highlight{color:var(--brand-primary)}.hero p{font-size:1.1rem;color:var(--text-muted);max-width:540px;margin:0 auto 20px;position:relative;z-index:1;line-height:1.6}.hero .hero-cta{position:relative;z-index:1}.hero-footer{margin-top:14px;font-size:.875rem;color:var(--text-subtle);position:relative;z-index:1}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;border:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);font-size:.95rem}.btn:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.btn-primary{background:var(--brand-primary);color:#000}.btn-primary:hover{background:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px -4px #f59e0b66}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface);border-color:var(--border-hover);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--brand-primary);border:2px solid var(--brand-primary)}.btn-outline:hover{background:var(--brand-primary);color:#000;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid transparent}.btn-ghost:hover{color:var(--text);background:var(--surface)}.btn-outline-light{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-outline-light:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.btn-logout{background:#ef444414;color:#ef4444;border:1.5px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:5px 14px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-logout:hover{background:#ef4444;color:#fff}.btn-sm{padding:7px 14px;font-size:.8rem}.btn-lg{padding:14px 32px;font-size:1.05rem;border-radius:var(--radius)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.tools-section{display:flex;align-items:flex-start;gap:0;padding:40px 0 60px}.tools-main{flex:1;min-width:0;padding:0 24px}.tools-header{display:flex;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:16px}.category-filter{display:flex;gap:8px;flex-wrap:wrap}.category-btn{padding:7px 16px;border-radius:20px;border:1px solid var(--border);background:var(--surface);font-size:.85rem;cursor:pointer;color:var(--text-muted);transition:all .2s}.category-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#f59e0b0f}.category-btn.active{background:var(--brand-primary);color:#000;border-color:var(--brand-primary);font-weight:700}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}.tool-card:hover{border-color:#f59e0b66;transform:translateY(-3px) scale(1.01);box-shadow:0 12px 32px -8px #00000080,0 0 0 1px #f59e0b26}.tool-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.tool-icon{width:44px;height:44px;border-radius:10px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.15);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);transition:all .25s}.tool-card:hover .tool-icon{background:#f59e0b26;transform:scale(1.08) rotate(-3deg)}.tool-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:700;background:#f59e0b1a;color:var(--brand-primary);letter-spacing:.3px;text-transform:uppercase}.tool-badge.ai{background:#6366f11a;color:var(--brand-accent)}.tool-badge.server{background:#38bdf81a;color:var(--info)}.tool-card h3{margin-bottom:6px;color:var(--text);font-size:1rem}.tool-card p{font-size:.82rem;color:var(--text-muted);line-height:1.55}.tool-new-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase}.category-banners{padding:60px 0;background:var(--bg)}.category-banners h2{text-align:center;margin-bottom:36px;color:var(--text)}.category-banner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-banner-card{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);aspect-ratio:16/9;background:var(--surface);border:1px solid var(--border)}.category-banner-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:#f59e0b4d}.category-banner-card img{width:100%;height:100%;object-fit:cover;opacity:.5;transition:opacity .3s}.category-banner-card:hover img{opacity:.65}.banner-gradient{position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;align-items:flex-end;padding:14px}.banner-label{color:#fff;font-weight:700;font-size:.9rem;text-shadow:0 1px 4px rgba(0,0,0,.5)}.category-group{margin-bottom:8px}.category-header{display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer;width:100%;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:color .15s}.category-header:hover{color:var(--brand-primary)}.category-count{margin-left:auto;font-size:.75rem;color:var(--text-subtle);background:var(--surface);padding:2px 8px;border-radius:10px;border:1px solid var(--border)}.footer{background:var(--surface);border-top:1px solid var(--border);padding:60px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.footer-brand{color:var(--text-muted);font-size:.875rem;line-height:1.7}.footer-brand .footer-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.1rem;color:var(--text);margin-bottom:12px}.footer-col h4{color:var(--text);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.footer-col a{display:block;color:var(--text-muted);font-size:.875rem;margin-bottom:10px;transition:color .15s}.footer-col a:hover{color:var(--brand-primary);text-decoration:underline}.footer-bottom{border-top:1px solid var(--border);padding-top:28px;display:flex;justify-content:space-between;align-items:center;color:var(--text-subtle);font-size:.8rem;flex-wrap:wrap;gap:12px}.pricing-page{padding:80px 0}.pricing-hero{text-align:center;margin-bottom:60px}.pricing-hero h1{color:var(--text);margin-bottom:16px}.pricing-hero p{color:var(--text-muted);font-size:1.1rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;position:relative;transition:all .25s}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border-color:var(--brand-primary);background:linear-gradient(180deg,rgba(245,158,11,.08) 0%,var(--surface) 40%);box-shadow:var(--shadow-glow)}.pricing-card.featured:before{content:"Best Value";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand-primary);color:#000;font-size:.7rem;font-weight:800;letter-spacing:.05em;padding:4px 14px;border-radius:20px;text-transform:uppercase}.pricing-price{font-size:3rem;font-weight:800;color:var(--text);line-height:1;margin-bottom:4px;letter-spacing:-.02em}.pricing-price span{font-size:1rem;font-weight:500;color:var(--text-muted)}.pricing-desc{color:var(--text-muted);font-size:.875rem;margin-bottom:24px}.pricing-features{list-style:none;margin-bottom:28px}.pricing-features li{color:var(--text-muted);font-size:.875rem;padding:6px 0;display:flex;align-items:center;gap:8px}.pricing-features li:before{content:"✓";color:var(--brand-primary);font-weight:700}.dashboard-page{padding:40px 0}.dashboard-welcome{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px;background:linear-gradient(135deg,rgba(245,158,11,.06) 0%,transparent 60%)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .2s}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-value{font-size:1.8rem;font-weight:800;color:var(--brand-primary)}.stat-label{color:var(--text-muted);font-size:.8rem;margin-top:4px}.auth-container,.auth-page{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:60px 24px;background:var(--bg);position:relative}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(245,158,11,.08) 0%,transparent 70%);pointer-events:none}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;width:100%;max-width:420px;position:relative;z-index:1;box-shadow:var(--shadow-lg)}.auth-card h1{color:var(--text);text-align:center;margin-bottom:8px}.auth-card .auth-subtitle{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:.9rem}.form-group{margin-bottom:20px}.form-label{display:block;color:var(--text-muted);font-size:.8rem;font-weight:600;margin-bottom:8px;letter-spacing:.03em}.form-input{width:100%;padding:11px 14px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;transition:border-color .15s,box-shadow .15s;outline:none}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f59e0b1f}.form-input:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.form-input::placeholder{color:var(--text-subtle)}.form-error{color:var(--error);font-size:.8rem;margin-top:6px}.form-control{width:100%;padding:12px 14px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;line-height:1.6;transition:border-color .15s,box-shadow .15s;outline:none;resize:vertical}.form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f59e0b1f}.form-control:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.form-control::placeholder{color:var(--text-subtle)}.form-control[readonly]{background:var(--surface);cursor:default}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:1.5px solid var(--border);border-radius:4px;background:var(--surface-2);cursor:pointer;position:relative;transition:all .15s;vertical-align:middle}input[type=checkbox]:hover{border-color:var(--brand-primary)}input[type=checkbox]:checked{background:var(--brand-primary);border-color:var(--brand-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:2px solid #000;border-top:none;border-left:none;transform:rotate(45deg)}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #f59e0b1f}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:16px;border:1px solid transparent}.alert-error{background:#ef44441a;color:#ef4444;border-color:#ef444433}.alert-success{background:#10b9811a;color:#10b981;border-color:#10b98133}.alert-info{background:#38bdf81a;color:#38bdf8;border-color:#38bdf833}.tool-page{padding:48px 0 80px}.tool-page-header{margin-bottom:32px}.tool-page-header h1{margin:8px 0 12px;font-size:2rem}.tool-page-header p{color:var(--text-muted);font-size:1rem;max-width:640px}.tool-interface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px}@media(max-width:768px){.tool-interface{padding:20px}}.category-badge{display:inline-block;padding:4px 12px;background:#f59e0b1a;color:var(--brand-primary);border:1px solid rgba(245,158,11,.2);border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}@media(max-width:768px){h1{font-size:1.8rem}h2{font-size:1.35rem}.footer-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.category-banner-grid{grid-template-columns:repeat(3,1fr)}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.nav{gap:12px}.nav a:not(.nav-cta):not(.btn){display:none}.hero{padding:80px 0 60px}.hero p{font-size:1rem}.why-grid{grid-template-columns:repeat(2,1fr);gap:12px}.how-steps{grid-template-columns:1fr;gap:16px}.hero-new h1{font-size:2rem}.hero-btn-row{flex-direction:column;align-items:center;gap:10px}.category-filter{gap:6px}.category-btn{font-size:.8rem;padding:6px 12px}.tools-header{flex-direction:column;align-items:flex-start;gap:12px}.section-title{font-size:1.5rem}}.stats-banner{padding:48px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-item{text-align:center}.stat-item .stat-value{font-size:2.2rem;font-weight:800;color:var(--brand-primary);letter-spacing:-.02em;line-height:1}.stat-item .stat-label{color:var(--text-muted);font-size:.8rem;margin-top:6px;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.container{padding:0 16px}.footer-grid,.tools-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.category-banner-grid{grid-template-columns:repeat(2,1fr);gap:10px}.why-grid{grid-template-columns:1fr;gap:10px}.hero-new h1{font-size:1.75rem}.hero-btn-row{flex-direction:column;align-items:center;gap:8px}.btn-hero{width:100%;max-width:280px;justify-content:center}.category-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.category-btn{white-space:nowrap;flex-shrink:0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.section-title{font-size:1.35rem}}@media(max-width:375px){.category-banner-grid{grid-template-columns:1fr}.hero-new h1{font-size:1.5rem}.hero-badge{font-size:.7rem;padding:5px 10px}.btn-hero{padding:10px 20px;font-size:.9rem}.why-card,.how-step{padding:16px 14px}}.social-proof-metrics{display:flex;justify-content:center;margin-top:16px}.metrics-grid{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.metric-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.metric-icon{color:var(--primary);opacity:.7}.metric-value{font-weight:700;font-size:.95rem;color:var(--text)}.metric-label{font-size:.8rem;color:var(--text-secondary)}.pricing-urgency{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:.8rem;color:var(--text-secondary)}.pricing-urgency-item{display:flex;align-items:center;gap:5px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton-row{height:16px;background:var(--surface-2);border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite;margin-bottom:8px}.cky-btn-accept,.cky-btn-reject{border-radius:6px!important;font-size:.875rem!important;font-weight:500!important;padding:8px 16px!important;cursor:pointer!important}.cky-btn-accept{background:var(--brand-primary)!important;color:#000!important;border:2px solid var(--brand-primary)!important}.cky-btn-reject{background:transparent!important;color:var(--text)!important;border:2px solid var(--border)!important}.cky-btn-customize{background:transparent!important;color:var(--text-muted)!important;border:none!important;text-decoration:underline!important;font-size:.8rem!important}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:10px}.section-title{font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:24px;line-height:1.2}.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border) 20%,var(--border) 80%,transparent 100%);margin:0 auto;max-width:800px}.hero-new{position:relative;overflow:hidden;padding:56px 0 52px;text-align:center;background:var(--bg)}.hero-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(245,158,11,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 15% 60%,rgba(99,102,241,.06) 0%,transparent 55%),radial-gradient(ellipse 40% 35% at 85% 30%,rgba(16,185,129,.05) 0%,transparent 55%);animation:meshShift 12s ease-in-out infinite alternate;pointer-events:none;z-index:0}[data-theme=light] .hero-mesh{background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(245,158,11,.025) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 15% 60%,rgba(99,102,241,.012) 0%,transparent 55%),radial-gradient(ellipse 40% 35% at 85% 30%,rgba(16,185,129,.008) 0%,transparent 55%)}.hero-new .hero-cta{position:relative;z-index:2}.hero-new .hero-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 0%,transparent 70%);pointer-events:none;z-index:1}[data-theme=light] .hero-new .hero-grid-bg{background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px)}.hero-new h1{font-size:3rem;font-weight:900;letter-spacing:-.03em;color:var(--text);margin-bottom:16px;position:relative;z-index:1;line-height:1.1}[data-theme=light] .hero-new h1{color:#0f172a}.hero-new h1 .highlight{color:var(--brand-primary)}.hero-new p{font-size:1.15rem;color:var(--text-muted);max-width:580px;margin:0 auto 24px;position:relative;z-index:1;line-height:1.65}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:var(--brand-primary);padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:600;margin-bottom:20px;letter-spacing:.01em;position:relative;z-index:1}[data-theme=light] .hero-badge{background:#f59e0b1f;border-color:#f59e0b4d}.hero-btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:0;position:relative;z-index:1}.btn-hero{padding:12px 28px;font-size:1rem;border-radius:10px;font-weight:700}.hero-new .hero-footer{margin-top:16px;font-size:.85rem;color:var(--text-subtle);position:relative;z-index:1}.hero-search-input{padding:11px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.9rem;font-family:inherit;outline:none;max-width:340px;width:100%;margin:0 auto;display:block;transition:border-color var(--duration-short) var(--ease-standard),box-shadow var(--duration-short) var(--ease-standard)}.hero-search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f59e0b26}.hero-search-input::placeholder{color:var(--text-subtle)}@media(max-width:480px){.hero-search-input{max-width:100%}}.why-section{padding:40px 0;background:var(--bg)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 22px;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.why-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));opacity:0;transition:opacity .3s}.why-card:hover{transform:translateY(-6px);border-color:#f59e0b4d;box-shadow:0 20px 40px -12px #00000026,0 0 0 1px #f59e0b14}.why-card:hover:before{opacity:1}[data-theme=light] .why-card{background:var(--surface);box-shadow:var(--shadow-sm);border-color:var(--border)}[data-theme=light] .why-card:hover{box-shadow:var(--shadow-md),0 0 0 1px #f59e0b1f}.why-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.why-card:hover .why-icon{transform:scale(1.1) rotate(-3deg)}.why-card h3{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:8px}.why-card p{font-size:.82rem;color:var(--text-muted);line-height:1.55}.how-section{padding:40px 0;background:var(--bg)}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.how-step{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px;text-align:center;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.how-step:hover{transform:translateY(-4px);border-color:#f59e0b4d;box-shadow:0 16px 36px -10px #00000026}[data-theme=light] .how-step{background:#fff;box-shadow:0 1px 3px #0000000f;border-color:#0000000f}[data-theme=light] .how-step:hover{box-shadow:0 10px 28px -8px #0000001a}.how-step-num{font-size:2.8rem;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#f59e0b26,#6366f11f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:14px;font-variant-numeric:tabular-nums}.how-step-icon{width:48px;height:48px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.18);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;transition:all .3s}.how-step:hover .how-step-icon{background:#f59e0b29;transform:scale(1.08) rotate(-3deg)}.how-step h3{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:8px}.how-step p{font-size:.82rem;color:var(--text-muted);line-height:1.55}.how-connector{display:none}.category-banners{padding:48px 0;background:var(--bg)}.category-banners .section-title{margin-bottom:20px}.category-banner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-banner-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);aspect-ratio:16/9;background:var(--surface);border:1px solid var(--border)}.category-banner-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 24px 48px -12px #0003,0 0 0 1px #f59e0b33;border-color:#f59e0b59}[data-theme=light] .category-banner-card:hover{box-shadow:0 16px 40px -10px #00000026,0 0 0 1px #f59e0b33}.banner-gradient{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.5) 50%,transparent 100%);display:flex;align-items:flex-end;padding:16px}.banner-label{color:#fff;font-weight:700;font-size:.9rem;text-shadow:0 1px 6px rgba(0,0,0,.6)}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;cursor:pointer;transition:all .28s cubic-bezier(.34,1.56,.64,1);text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));opacity:0;transition:opacity .25s}.tool-card:hover{border-color:#f59e0b66;transform:translateY(-4px) scale(1.01);box-shadow:0 16px 36px -8px #0000002e,0 0 0 1px #f59e0b1f}.tool-card:hover:before{opacity:1}[data-theme=light] .tool-card{background:#fff;box-shadow:0 1px 3px #0000000d}[data-theme=light] .tool-card:hover{box-shadow:0 12px 28px -8px #0000001f,0 0 0 1px #f59e0b26}.tool-icon{width:44px;height:44px;border-radius:10px;background:#f59e0b14;border:1px solid rgba(245,158,11,.12);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);transition:all .25s}.tool-card:hover .tool-icon{background:#f59e0b24;transform:scale(1.08) rotate(-3deg);box-shadow:0 4px 12px -4px #f59e0b4d}.tool-new-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:5px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px -2px #ef444480}.stats-banner{padding:40px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fadeUp .5s ease-out forwards;opacity:0}.animate-fade-in{animation:fadeIn .4s ease-out forwards;opacity:0}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.animate-slide-left{animation:slideInLeft .5s ease-out forwards;opacity:0}.animate-slide-right{animation:slideInRight .5s ease-out forwards;opacity:0}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:80ms}.stagger-children>*:nth-child(3){animation-delay:.16s}.stagger-children>*:nth-child(4){animation-delay:.24s}.stagger-children>*:nth-child(5){animation-delay:.32s}.stagger-children>*:nth-child(6){animation-delay:.4s}.stagger-children>*:nth-child(7){animation-delay:.48s}.stagger-children>*:nth-child(8){animation-delay:.56s}.stagger-children>*:nth-child(n+9){animation-delay:.64s}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.btn-hover-lift{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .15s ease}.btn-hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #f59e0b59}.btn-hover-lift:active{transform:translateY(0) scale(.98)}.icon-hover-rotate:hover svg{transform:rotate(12deg) scale(1.1);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.icon-hover-rotate svg{transition:transform .25s ease}.card-hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .2s ease}.card-hover-lift:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 40px -8px #0000001f}.link-hover-underline{position:relative;text-decoration:none}.link-hover-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);border-radius:2px;transition:width .25s ease}.link-hover-underline:hover:after{width:100%}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--border) 25%,rgba(226,232,240,.5) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-title{height:24px;width:60%;margin-bottom:12px;border-radius:4px}.skeleton-card{height:160px;border-radius:var(--radius)}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease}@keyframes toolCardEnter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tool-card{animation:toolCardEnter .4s ease-out forwards;opacity:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #f59e0b4d}50%{box-shadow:0 0 20px #f59e0b99}}.animate-glow{animation:glowPulse 2s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:gradientShift 4s ease infinite}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.logo:hover{animation:logoPulse .6s ease-in-out;color:var(--brand-primary)}.floating-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(245,158,11,.08) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(245,158,11,.06) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(99,102,241,.05) 1px,transparent 1px),radial-gradient(circle at 70% 20%,rgba(245,158,11,.07) 1px,transparent 1px);background-size:120px 120px,180px 180px,90px 90px,150px 150px;animation:floatDots 25s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes floatDots{0%,to{background-position:0 0,0 0,0 0,0 0}50%{background-position:40px 30px,-30px 50px,20px -20px,-40px 20px}}.search-modal{animation:modalEnter .2s cubic-bezier(.32,.72,0,1) forwards}@keyframes modalEnter{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.search-modal-backdrop{animation:backdropFade .15s ease forwards}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.category-banner-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .2s ease}.category-banner-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 20px 45px -12px #00000040}.chevron-rotate{transition:transform .25s cubic-bezier(.4,0,.2,1)}.chevron-rotate.rotated{transform:rotate(-90deg)}.metric-value{font-variant-numeric:tabular-nums;transition:all .2s ease}@keyframes meshShift{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:.85;transform:scale(1.03) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shapeFloat1{0%,to{transform:rotate(25deg) translateY(0) scale(1)}33%{transform:rotate(35deg) translateY(-20px) scale(1.05)}66%{transform:rotate(18deg) translateY(10px) scale(.97)}}@keyframes shapeFloat2{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-30px) scale(1.08)}70%{transform:translateY(-15px) scale(.96)}}@keyframes shapeFloat3{0%,to{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-25deg) translateY(-15px)}}@keyframes badgePulse{0%,to{box-shadow:0 0 #f59e0b33}50%{box-shadow:0 0 0 6px #f59e0b00}}.hero-badge{animation:badgePulse 3s ease-in-out infinite}