:root{--color-bg-primary:#0a0a0c;--color-bg-secondary:#0f0f12;--color-bg-tertiary:#141416;--color-bg-elevated:#1a1a1e;--color-bg-hover:#222228;--color-surface:#ffffff08;--color-surface-hover:#ffffff0f;--color-surface-active:#ffffff17;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-text-muted:#52525b;--color-accent:#6366f1;--color-accent-hover:#818cf8;--color-accent-glow:#6366f14d;--color-accent-subtle:#6366f11a;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-border:#ffffff0f;--color-border-hover:#ffffff1f;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--container-max:1280px;--container-padding:var(--space-6);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-glow:0 0 40px #6366f126;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400;--z-tooltip:500}html{scroll-behavior:smooth}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,body{min-height:100vh}#app{flex-direction:column;display:flex}.container{max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%;margin:0 auto}@media (min-width:640px){:root{--container-padding:var(--space-8)}}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);background:#0a0a0ccc;position:sticky;top:0}.header-inner{gap:var(--space-4);justify-content:space-between;height:64px}.header-inner,.logo{align-items:center;display:flex}.logo{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-3);transition:opacity var(--transition-fast)}.logo:hover{opacity:.8}.logo-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.logo-icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.logo-text{display:none}@media (min-width:640px){.logo-text{display:block}}.main-nav{align-items:center;gap:var(--space-1);display:none}@media (min-width:768px){.main-nav{display:flex}}.nav-link{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background:var(--color-surface);color:var(--color-text-primary)}.header-actions{gap:var(--space-2)}.btn-icon,.header-actions{align-items:center;display:flex}.btn-icon{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;height:40px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;width:40px}.btn-icon:hover{background:var(--color-surface);color:var(--color-text-primary)}.mobile-menu-toggle{display:flex}@media (min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu{background:var(--color-bg-primary);padding:var(--space-4);z-index:var(--z-modal);display:none;position:fixed;inset:64px 0 0}.mobile-menu.active{display:block}.mobile-nav{gap:var(--space-2);flex-direction:column;display:flex}.mobile-nav-link{border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-4);transition:background var(--transition-fast)}.mobile-nav-link:hover{background:var(--color-surface)}.search-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-6);z-index:var(--z-modal);background:#000c;justify-content:center;align-items:flex-start;display:none;position:fixed;inset:0}.search-modal.active{display:flex}.search-container{width:100%;max-width:640px;margin-top:10vh}.search-input-wrapper{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);align-items:center;display:flex;position:relative}.search-icon{color:var(--color-text-tertiary);margin-right:var(--space-3)}.search-input{color:var(--color-text-primary);font-size:var(--font-size-lg);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-text-tertiary)}.search-close{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl);height:32px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;width:32px;display:flex}.search-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.btn{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.btn-lg{border-radius:var(--radius-lg);font-size:var(--font-size-base);padding:var(--space-4) var(--space-6)}.hero{padding:var(--space-16) 0;position:relative;overflow:hidden}.hero-bg{pointer-events:none}.hero-bg,.hero-grid{position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(#000 40%,#0000 70%);mask-image:radial-gradient(#000 40%,#0000 70%)}.hero-glow{filter:blur(100px);opacity:.15;border-radius:50%;position:absolute}.hero-glow-1{background:var(--color-accent);width:600px;height:600px;top:-200px;right:-100px}.hero-glow-2{background:#8b5cf6;width:400px;height:400px;bottom:-100px;left:-100px}.hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}@media (min-width:640px){.hero-title{font-size:var(--font-size-5xl)}}.text-gradient{background:linear-gradient(135deg,var(--color-accent) 0,#8b5cf6 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto var(--space-8);max-width:600px}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-12);flex-direction:column;justify-content:center;display:flex}@media (min-width:640px){.hero-actions{flex-direction:row}}.hero-stats{gap:var(--space-12);justify-content:center;display:flex}.stat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.stat-value{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.search-section{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding:var(--space-8) 0}.search-box{margin:0 auto var(--space-4);align-items:center;max-width:700px;display:flex;position:relative}.search-box-icon{color:var(--color-text-tertiary);left:var(--space-4);pointer-events:none;position:absolute}.search-box-input{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);transition:all var(--transition-fast);width:100%}.search-box-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.search-box-input::placeholder{color:var(--color-text-tertiary)}.search-box-btn{background:var(--color-accent);border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);right:var(--space-2);transition:all var(--transition-fast);border:none;position:absolute}.search-box-btn:hover{background:var(--color-accent-hover)}.search-tags{font-size:var(--font-size-sm);align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.search-tag-label{color:var(--color-text-tertiary)}.search-tag{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.search-tag:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.page-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-8)}.breadcrumbs{color:var(--color-text-tertiary);font-size:var(--font-size-sm);align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.breadcrumbs a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--color-text-primary)}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.page-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:600px}.section{padding:var(--space-20) 0}.section-header{margin:0 auto var(--space-12);text-align:center;max-width:600px}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.section-description{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.categories-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.categories-grid{grid-template-columns:repeat(4,1fr)}}.category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-6);transition:all var(--transition-base);flex-direction:column;display:flex}.category-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.category-icon{border-radius:var(--radius-lg);height:48px;margin-bottom:var(--space-4);justify-content:center;align-items:center;width:48px;display:flex}.category-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.category-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4);flex:1}.category-meta{color:var(--color-text-tertiary);font-size:var(--font-size-xs);align-items:center;gap:var(--space-3);display:flex}.category-count{background:var(--color-surface-active);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.tools-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.tools-grid{grid-template-columns:repeat(4,1fr)}}.tool-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);flex-direction:column;display:flex}.tool-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.tool-icon{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-accent);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tool-badges{gap:var(--space-1);margin-left:auto;display:flex}.tool-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.tool-badge-popular{color:var(--color-warning);background:#f59e0b26}.tool-badge-new{color:var(--color-success);background:#22c55e26}.tool-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.tool-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);-webkit-line-clamp:2;line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.tool-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.tool-category{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.tool-link{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-1);transition:color var(--transition-fast);display:flex}.tool-link:hover{color:var(--color-accent-hover)}.section-features{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border)}.features-grid{gap:var(--space-8);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature{text-align:center}.feature-icon{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-accent);height:56px;margin:0 auto var(--space-4);justify-content:center;align-items:center;width:56px;display:flex}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.feature-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.section-cta{padding:var(--space-16) 0}.cta-box{border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);text-align:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.cta-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 auto var(--space-8);max-width:500px}.app-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:auto}.footer-trust-bar{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);padding:var(--space-6) 0}.trust-items{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.trust-items{grid-template-columns:repeat(4,1fr)}}.trust-item{gap:var(--space-3);padding:var(--space-3)}.trust-icon,.trust-item{align-items:center;display:flex}.trust-icon{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-accent);flex-shrink:0;justify-content:center;width:40px;height:40px}.trust-content h4{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.trust-content p{color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:1.4}.footer-main{padding:var(--space-16) 0 var(--space-8)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:1.5fr 2fr}}.footer-brand{max-width:320px}.footer-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.footer-logo-icon{background:var(--color-surface);border-radius:var(--radius-lg);width:44px;height:44px;overflow:hidden}.footer-logo-icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.footer-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.footer-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.footer-contact{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.contact-title{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-3);text-transform:uppercase}.contact-person{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.contact-role{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--space-3)}.contact-email{color:var(--color-accent);font-size:var(--font-size-sm);align-items:center;gap:var(--space-2);word-break:break-all;display:flex}.contact-email:hover{color:var(--color-accent-hover)}.footer-links{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.footer-links{grid-template-columns:repeat(3,1fr)}}.footer-column-title{color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-4);text-transform:uppercase}.footer-column-list{gap:var(--space-3);flex-direction:column;display:flex}.footer-column-list a{color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-column-list a:hover{color:var(--color-text-primary)}.footer-legal-bar{background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:var(--space-6) 0}.legal-content{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}@media (min-width:768px){.legal-content{text-align:left;flex-direction:row;justify-content:space-between}}.legal-links{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.legal-links a{color:var(--color-text-tertiary);font-size:var(--font-size-xs);transition:color var(--transition-fast)}.legal-links a:hover{color:var(--color-text-primary)}.copyright,.legal-divider{color:var(--color-text-muted)}.copyright{font-size:var(--font-size-xs)}.owner-signature{border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-4);background:linear-gradient(135deg,#6366f10d,#8b5cf60d)}.owner-avatar,.owner-signature{align-items:center;display:flex}.owner-avatar{background:var(--color-surface);border-radius:var(--radius-full);color:var(--color-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;width:48px;height:48px}.owner-info h4{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.owner-info p{color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.owner-info a,.owner-info p{font-size:var(--font-size-xs)}.owner-info a{color:var(--color-accent)}.owner-info a:hover{color:var(--color-accent-hover)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}