:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", Courier, monospace;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 12px 34px -10px #00000014, 0 2px 4px #00000005;--shadow-lg:0 30px 60px -15px #0000002e, 0 2px 8px #0000000a;--shadow-border:0 0 0 1px var(--color-border)}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#050507;--color-bg-subtle:#09090f;--color-bg-card:#0d0d1573;--color-bg-hover:#1a1a26cc;--color-bg-active:#262638f2;--color-fg:#f4f4f6;--color-fg-muted:#a1a1aa;--color-fg-dimmed:#717172;--color-border:#ffffff12;--color-border-hover:#ffffff26;--color-border-active:#6366f1;--color-primary:#6366f1;--color-primary-fg:#fff;--color-secondary:#a855f7;--color-accent:#14b8a6;--color-danger:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;--glass-bg:#0505078c;--glass-border:#ffffff0d;--glass-blur:blur(20px);--gradient-bg:radial-gradient(circle at top, #6366f117 0%, #05050700 65%), #050507;--gradient-brand:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #14b8a6 100%);--gradient-card-border:linear-gradient(180deg, #ffffff0f 0%, #ffffff03 100%)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f8fafc;--color-bg-subtle:#f1f5f9;--color-bg-card:#ffffffbf;--color-bg-hover:#f1f5f9d9;--color-bg-active:#e2e8f0f2;--color-fg:#0f172a;--color-fg-muted:#475569;--color-fg-dimmed:#64748b;--color-border:#0f172a14;--color-border-hover:#0f172a26;--color-border-active:#4f46e5;--color-primary:#4f46e5;--color-primary-fg:#fff;--color-secondary:#9333ea;--color-accent:#0d9488;--color-danger:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;--glass-bg:#ffffff8c;--glass-border:#0f172a0a;--glass-blur:blur(20px);--gradient-bg:radial-gradient(circle at top, #4f46e50f 0%, #f8fafc00 65%), #f8fafc;--gradient-brand:linear-gradient(135deg, #4f46e5 0%, #9333ea 50%, #0d9488 100%);--gradient-card-border:linear-gradient(180deg, #0f172a0a 0%, #0f172a03 100%)}
:root{--bs-primary:var(--color-primary);--bs-primary-rgb:59, 130, 246;--bs-secondary:var(--color-secondary);--bs-secondary-rgb:139, 92, 246;--bs-success:var(--color-success);--bs-danger:var(--color-danger);--bs-warning:var(--color-warning);--bs-info:var(--color-accent);--bs-body-bg:var(--color-bg);--bs-body-color:var(--color-fg);--bs-border-color:var(--color-border);--bs-border-radius:var(--radius-sm);--bs-border-radius-sm:var(--radius-xs);--bs-border-radius-lg:var(--radius-md);--bs-border-radius-xl:var(--radius-lg);--bs-border-radius-pill:var(--radius-full);--bs-box-shadow:var(--shadow-md);--bs-box-shadow-sm:var(--shadow-sm);--bs-box-shadow-lg:var(--shadow-lg);--bs-font-sans-serif:var(--font-sans);--bs-font-monospace:var(--font-mono);--bs-btn-border-radius:var(--radius-sm);--bs-btn-font-size:.875rem;--bs-btn-padding-y:.4rem;--bs-btn-padding-x:1rem;--bs-card-bg:var(--color-bg-card);--bs-card-border-color:var(--color-border);--bs-card-border-radius:var(--radius-md);--bs-card-color:var(--color-fg);--bs-badge-border-radius:var(--radius-xs);--bs-badge-font-size:.7em;--bs-badge-padding-x:.6em;--bs-badge-padding-y:.3em}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--gradient-bg);background-repeat:no-repeat;background-attachment:fixed;background-color:var(--color-bg);min-height:100%;color:var(--color-fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color var(--transition-normal), color var(--transition-normal);font-size:16px;line-height:1.5}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--color-fg);font-weight:600;line-height:1.25}h1{font-size:2.25rem}h2{border-bottom:1px solid var(--color-border);padding-bottom:.5rem;font-size:1.75rem}h3{font-size:1.25rem}p{color:var(--color-fg-muted)}code,pre{font-family:var(--font-mono);background-color:var(--color-bg-subtle);border-radius:var(--radius-sm);font-size:.9em}pre{border:1px solid var(--color-border);padding:1rem;overflow-x:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.mobile-only{display:none!important}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}.hero-section{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 0 2rem;display:flex}@media (min-width:768px){.hero-section{padding:5rem 0 4.5rem}}.hero-title{letter-spacing:-.04em;max-width:850px;font-size:2.25rem;font-weight:800;line-height:1.15}@media (min-width:768px){.hero-title{font-size:3.75rem}}.hero-desc{color:var(--color-fg-muted);max-width:600px;font-size:1rem;line-height:1.6}@media (min-width:768px){.hero-desc{font-size:1.125rem}}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.header{z-index:50;background-color:var(--glass-bg);width:100%;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);align-items:center;height:64px;display:flex;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{letter-spacing:-.03em;color:var(--color-fg);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.logo-icon{background:var(--color-fg);border-radius:var(--radius-sm);width:24px;height:24px;display:inline-block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full);border:2.5px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.35rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:var(--color-primary-fg);border:none;box-shadow:0 4px 14px #6366f140}.btn-primary:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px #6366f166}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{background-color:var(--color-bg-card);color:var(--color-fg);border-color:var(--color-border);-webkit-backdrop-filter:var(--glass-blur)}.btn-secondary:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg);box-shadow:var(--shadow-sm);transform:translateY(-1.5px)}.btn-secondary:active{transform:translateY(0)scale(.98)}.btn-icon{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-card);cursor:pointer;transition:all var(--transition-fast);color:var(--color-fg);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.btn-icon:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg);box-shadow:var(--shadow-md);transform:translateY(-1.5px)}.btn-icon:active{transform:scale(.95)translateY(0)}.input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-fg);transition:all var(--transition-normal);background-color:#ffffff05;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.875rem}.input:focus{border-color:var(--color-primary);background-color:var(--color-bg-subtle);box-shadow:0 0 0 4px #6366f126}.input::placeholder{color:var(--color-fg-muted)}.textarea{resize:vertical;min-height:120px}.label{color:var(--color-fg-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.card{background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), background-color var(--transition-normal);box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden}.card-hover:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md), 0 0 20px -5px #6366f126;background-color:var(--color-bg-hover);transform:translateY(-4px)scale(1.005)}.breadcrumbs{color:var(--color-fg-muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.breadcrumbs a:hover{color:var(--color-fg)}.breadcrumbs-separator{color:var(--color-fg-dimmed)}.footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-subtle);margin-top:6rem;padding:4rem 0 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem;margin-bottom:3rem;display:grid}.footer-brand{flex-direction:column;gap:1rem;display:flex}.footer-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.footer-links{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links a{color:var(--color-fg-muted);font-size:.875rem}.footer-links a:hover{color:var(--color-fg)}.footer-bottom{border-top:1px solid var(--color-border);flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}@media (min-width:768px){.footer-bottom{flex-direction:row}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}.tool-container{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.tool-container{grid-template-columns:3fr 1fr}}.tool-output-panel{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);min-height:150px;padding:1rem;font-size:.875rem;position:relative;overflow:auto}.nav-item-container{position:relative}.nav-item{cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:4px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.nav-item:hover{background-color:var(--color-bg-hover);color:var(--color-fg)}.mega-menu{border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);z-index:10000;background-color:#fff;border-top:none;flex-direction:row;width:min(1200px,100%);animation:.2s cubic-bezier(.16,1,.3,1) forwards megaMenuIn;display:none;position:fixed;top:64px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014}@keyframes megaMenuIn{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.mega-menu.show{display:flex}.mega-menu-sidebar{background:var(--color-bg-subtle);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:260px;padding:1.25rem 0;display:flex}.mega-menu-sidebar-header{text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-dimmed);border-bottom:1px solid var(--color-border);margin-bottom:.5rem;padding:0 1rem .75rem;font-size:.6875rem;font-weight:700}.mega-menu-cat-item{cursor:pointer;transition:all var(--transition-fast);color:var(--color-fg-muted);border-left:2px solid #0000;align-items:center;gap:10px;padding:8px 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.mega-menu-cat-item:hover,.mega-menu-cat-item.active{background-color:var(--color-bg-hover);border-left-color:var(--color-primary);color:var(--color-fg)}.mega-menu-cat-icon{border-radius:var(--radius-sm);background:var(--color-bg-card);border:1px solid var(--color-border);width:30px;height:30px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mega-menu-cat-item:hover .mega-menu-cat-icon,.mega-menu-cat-item.active .mega-menu-cat-icon{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.mega-menu-panel{flex-direction:column;flex:1;min-width:0;max-width:1100px;padding:1.5rem 2.5rem;display:flex}.mega-menu-panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.mega-menu-panel-title{color:var(--color-fg);font-size:.9375rem;font-weight:700}.mega-menu-view-all{color:var(--color-primary);transition:opacity var(--transition-fast);align-items:center;gap:4px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.mega-menu-view-all:hover{opacity:.75}.mega-menu-tools-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:.5rem;display:grid}.mega-menu-tool-item{border-radius:var(--radius-md);transition:background var(--transition-fast);border:1px solid #0000;align-items:flex-start;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.mega-menu-tool-item:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.mega-menu-tool-icon{border-radius:var(--radius-sm);background:var(--color-bg-subtle);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-fg-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mega-menu-tool-name{color:var(--color-fg);font-size:.8125rem;font-weight:600;line-height:1.2}.mega-menu-tool-desc{color:var(--color-fg-dimmed);margin-top:2px;font-size:.7rem;line-height:1.3}.mega-menu-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;display:flex}.mega-menu-footer-text{color:var(--color-fg-dimmed);font-size:.75rem}.mega-menu-footer-link{color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:4px 10px;font-size:.75rem;font-weight:600;text-decoration:none}.mega-menu-footer-link:hover{background:var(--color-primary);color:#fff}.mega-menu-category{flex-direction:column;gap:.35rem;display:flex}.mega-menu-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg);border-bottom:1px solid var(--color-border);align-items:center;gap:6px;margin-bottom:.25rem;padding-bottom:.25rem;font-size:.75rem;font-weight:700;display:flex}.mega-menu-link{color:var(--color-fg-muted);transition:color var(--transition-fast);font-size:.8125rem;display:block}.mega-menu-link:hover{color:var(--color-fg)}.category-tool-link{transition:background-color var(--transition-fast)!important}.category-tool-link:hover{background-color:var(--color-bg-hover)!important}@keyframes themeSpin{0%{opacity:0;transform:rotate(-90deg)scale(.5)}to{opacity:1;transform:rotate(0)scale(1)}}.carousel-container::-webkit-scrollbar{display:none}.trending-carousel-item{scroll-snap-align:start;width:280px;min-width:280px}@media (min-width:640px){.trending-carousel-item{width:320px;min-width:320px}}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-badge{border-radius:var(--radius-full);color:var(--color-primary);font-size:.75rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:#6366f114;border:1px solid #6366f126;align-items:center;gap:8px;padding:6px 16px;display:inline-flex;box-shadow:0 4px 12px #6366f10d}.hero-search-wrapper{width:100%;max-width:560px;margin-top:1.5rem;position:relative}.hero-search-input{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;border:1px solid var(--color-border)!important;transition:all var(--transition-normal)!important;background-color:#ffffff05!important;padding:16px 20px 16px 50px!important;font-size:1rem!important}.hero-search-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #6366f133, var(--shadow-lg)!important;background-color:var(--color-bg-subtle)!important}.icon-wrapper{border-radius:var(--radius-md);width:42px;height:42px;color:var(--color-primary);transition:all var(--transition-fast);background:#6366f114;border:1px solid #6366f126;justify-content:center;align-items:center;display:flex}.card-hover:hover .icon-wrapper{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 4px 12px #6366f159}.badge-pill{color:var(--color-fg-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);padding:4px 10px;font-size:.7rem;font-weight:600}.card-hover:hover .badge-pill{border-color:var(--color-border-hover);color:var(--color-fg)}.tool-card{flex-direction:column;height:100%;display:flex}.tool-card-icon{color:var(--color-fg-dimmed);transition:color var(--transition-fast), transform var(--transition-fast)}.card-hover:hover .tool-card-icon{color:var(--color-primary);transform:scale(1.1)}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--color-fg-muted);transition:all var(--transition-fast);border-left:2px solid #0000;align-items:center;gap:10px;padding:8px 12px;font-size:.875rem;text-decoration:none;display:flex}.sidebar-nav-item:hover{background-color:var(--color-bg-hover);color:var(--color-fg)}.sidebar-nav-item.active{background-color:var(--color-bg-hover);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}[data-theme=dark] .logo-img{filter:drop-shadow(0 0 1px #ffffffd9)drop-shadow(0 0 6px #ffffff59)}