:root{color-scheme:light dark;--color-primary-50:#f0f5ff;--color-primary-100:#dce7fe;--color-primary-200:#b9d0fd;--color-primary-300:#89affb;--color-primary-400:#598ef7;--color-primary-500:#2a6df4;--color-primary-600:#1659df;--color-primary-700:#184cb4;--color-primary-800:#1a3f89;--color-primary-900:#173163;--color-secondary-50:#f8f5ff;--color-secondary-100:#ebe2fe;--color-secondary-200:#d7c5fc;--color-secondary-300:#b696f8;--color-secondary-400:#9769f2;--color-secondary-500:#7d45ed;--color-secondary-600:#672cdd;--color-secondary-700:#5828b8;--color-secondary-800:#48258d;--color-secondary-900:#392169;--color-accent-50:#ebfcff;--color-accent-100:#cdf7fe;--color-accent-200:#a6f1fc;--color-accent-300:#6ce6f9;--color-accent-400:#36d9f2;--color-accent-500:#11cce8;--color-accent-600:#18a8bf;--color-accent-700:#1a8393;--color-accent-800:#1a6470;--color-accent-900:#184c54;--color-success-50:#edfdf3;--color-success-100:#d2f9e2;--color-success-200:#a7f1c6;--color-success-300:#76e5a4;--color-success-400:#3fd57d;--color-success-500:#20b65f;--color-success-600:#15994c;--color-success-700:#15753d;--color-success-800:#145c32;--color-success-900:#124427;--color-warning-50:#fff9eb;--color-warning-100:#feeec8;--color-warning-200:#fcdc92;--color-warning-300:#f8c754;--color-warning-400:#f4b625;--color-warning-500:#e6a50f;--color-warning-600:#c7840f;--color-warning-700:#9a6013;--color-warning-800:#744616;--color-warning-900:#563315;--color-error-50:#fef1f1;--color-error-100:#fcd9d9;--color-error-200:#f8b5b5;--color-error-300:#f28888;--color-error-400:#eb5c5c;--color-error-500:#e43a3a;--color-error-600:#d02525;--color-error-700:#a72525;--color-error-800:#812222;--color-error-900:#611f1f;--color-info-50:#f0f9ff;--color-info-100:#d7eefe;--color-info-200:#b0ddfd;--color-info-300:#80c7fa;--color-info-400:#51b1f6;--color-info-500:#229bf1;--color-info-600:#1785d3;--color-info-700:#1b6da7;--color-info-800:#1c557d;--color-info-900:#1a405b;--color-background:#f8f9fc;--color-bg-primary:var(--color-background);--color-bg-secondary:#edf1f7;--color-bg-tertiary:#e1e6ef;--color-bg-elevated:#fff;--color-bg-hover:#e9edf6;--color-surface:hsla(0,0%,100%,.92);--color-surface-hover:rgba(237,242,252,.96);--color-surface-active:rgba(221,230,248,.98);--color-surface-elevated:#fff;--color-text-primary:#131825;--color-text-secondary:#3d455c;--color-text-tertiary:#606980;--color-text-muted:#848a9a;--color-border:rgba(204,210,224,.9);--color-border-hover:rgba(64,117,221,.35);--color-border-strong:#a0aac5;--color-divider:#d9dde8;--color-accent:var(--color-accent-500);--color-accent-hover:var(--color-accent-400);--color-accent-glow:rgba(17,204,232,.24);--color-accent-subtle:rgba(17,204,232,.12);--color-accent-secondary:var(--color-secondary-500);--color-accent-secondary-glow:rgba(125,69,237,.2);--color-accent-warm:var(--color-error-500);--color-accent-warm-glow:rgba(228,58,58,.16);--color-success:var(--color-success-500);--color-warning:var(--color-warning-500);--color-error:var(--color-error-500);--color-info:var(--color-info-500);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--surface:var(--color-surface);--surface-elevated:var(--color-surface-elevated);--border:var(--color-border);--divider:var(--color-divider);--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--font-family:var(--font-sans);--font-mono:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;--text-xs:.75rem/1rem var(--font-sans);--text-sm:.875rem/1.25rem var(--font-sans);--text-base:1rem/1.5rem var(--font-sans);--text-lg:1.125rem/1.75rem var(--font-sans);--text-xl:1.25rem/1.75rem var(--font-sans);--text-2xl:1.5rem/2rem var(--font-sans);--text-3xl:1.875rem/2.25rem var(--font-sans);--text-4xl:2.25rem/2.5rem var(--font-sans);--text-5xl:3rem/1 var(--font-sans);--text-6xl:3.75rem/1 var(--font-sans);--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-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.15;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-.035em;--letter-spacing-normal:0;--letter-spacing-wide:.02em;--font-h1:800 var(--font-size-5xl)/1 var(--font-sans);--font-h2:750 var(--font-size-4xl)/1.1 var(--font-sans);--font-h3:700 var(--font-size-3xl)/1.2 var(--font-sans);--font-h4:700 var(--font-size-2xl)/1.25 var(--font-sans);--font-h5:650 var(--font-size-xl)/1.35 var(--font-sans);--font-h6:650 var(--font-size-lg)/1.4 var(--font-sans);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--section-py:clamp(var(--space-12),8vw,var(--space-20));--container-padding:var(--space-4);--grid-gap:var(--space-5);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-max:var(--container-xl);--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(19,24,37,.08);--shadow-md:0 10px 24px rgba(19,24,37,.1);--shadow-lg:0 18px 44px rgba(19,24,37,.14);--shadow-xl:0 24px 64px rgba(19,24,37,.18);--shadow-2xl:0 32px 96px rgba(19,24,37,.22);--shadow-glow:0 0 40px var(--color-accent-glow);--shadow-glow-strong:0 0 60px rgba(17,204,232,.28);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--z-dropdown:1000;--z-sticky:1020;--z-modal:1050;--z-toast:1080;--z-popover:1090;--z-tooltip:1100}:root[data-theme=dark]{--color-background:#06080e;--color-bg-primary:#06080e;--color-bg-secondary:#0b101d;--color-bg-tertiary:#12192b;--color-bg-elevated:#161e31;--color-bg-hover:#1d273e;--color-surface:rgba(22,30,49,.72);--color-surface-hover:rgba(29,39,62,.82);--color-surface-active:rgba(38,49,74,.9);--color-surface-elevated:#161e31;--color-text-primary:#f8fafc;--color-text-secondary:#c4cfde;--color-text-tertiary:#94a3b8;--color-text-muted:#67778e;--color-border:rgba(225,231,239,.09);--color-border-hover:rgba(17,204,232,.28);--color-border-strong:rgba(225,231,239,.22);--color-divider:rgba(225,231,239,.12);--color-accent-glow:rgba(17,204,232,.28);--color-accent-secondary-glow:rgba(125,69,237,.22);--color-accent-warm-glow:rgba(228,58,58,.18);--shadow-sm:0 1px 2px rgba(0,0,0,.28);--shadow-md:0 10px 24px rgba(0,0,0,.26);--shadow-lg:0 18px 44px rgba(0,0,0,.34);--shadow-xl:0 24px 64px rgba(0,0,0,.42);--shadow-2xl:0 32px 96px rgba(0,0,0,.5);--shadow-glow-strong:0 0 60px rgba(17,204,232,.18)}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,rgba(239,68,68,.08),transparent 24%),radial-gradient(circle at top right,rgba(34,211,238,.08),transparent 24%),linear-gradient(180deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);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{display:flex;flex-direction:column}.container{margin:0 auto;max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%}@media (min-width:640px){:root{--container-padding:var(--space-8)}}.app-header{backdrop-filter:blur(16px);background:#06070bb8;border-bottom:1px solid var(--color-border);box-shadow:0 8px 30px #00000029;position:sticky;top:0;z-index:var(--z-sticky)}.header-inner{gap:var(--space-4);height:68px;justify-content:space-between}.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),transform var(--transition-fast)}.logo:hover{opacity:.92;transform:translateY(-1px)}.logo-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.logo-icon img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.logo-text{display:none}@media (min-width:640px){.logo-text{display:block}}.main-nav{align-items:center;display:none;gap:var(--space-1)}@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);box-shadow:inset 0 0 0 1px #ffffff0a;color:var(--color-text-primary)}.header-actions{gap:var(--space-2)}.btn-icon,.header-actions{align-items:center;display:flex}.btn-icon{background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;height:40px;justify-content:center;transition:all var(--transition-fast);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{backdrop-filter:blur(18px);background:#06070bf5;display:none;inset:68px 0 0;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.mobile-menu.active{display:block}.mobile-nav{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-link{border:1px solid transparent;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),border-color var(--transition-fast)}.mobile-nav-link:hover{background:var(--color-surface);border-color:var(--color-border)}.search-modal{align-items:flex-start;backdrop-filter:blur(10px);background:#020617b8;display:none;justify-content:center;inset:0;padding:var(--space-6);position:fixed;z-index:var(--z-modal)}.search-modal.active{display:flex}.search-container{margin-top:10vh;max-width:640px;width:100%}.search-input-wrapper{align-items:center;background:linear-gradient(180deg,#131c31f0,#0a0e18f5);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;padding:var(--space-4);position:relative}.search-icon{color:var(--color-text-tertiary);margin-right:var(--space-3)}.search-input{background:transparent;border:none;color:var(--color-text-primary);flex:1;font-size:var(--font-size-lg);outline:none}.search-input::-moz-placeholder{color:var(--color-text-tertiary)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-close{align-items:center;background:var(--color-surface);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.search-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-secondary) 100%);box-shadow:0 14px 34px #22d3ee2e;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-hover) 0,#a78bfa 100%);box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.btn-secondary{backdrop-filter:blur(10px);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{overflow:hidden;padding:var(--space-16) 0;position:relative}.hero-bg{pointer-events:none}.hero-bg,.hero-grid{inset:0;position:absolute}.hero-grid{background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 40%,transparent 70%)}.hero-glow{border-radius:50%;filter:blur(110px);opacity:.18;position:absolute}.hero-glow-1{background:var(--color-accent);height:600px;right:-100px;top:-200px;width:600px}.hero-glow-2{background:var(--color-accent-secondary);bottom:-100px;height:440px;left:-100px;width:440px}.hero-content{margin:0 auto;max-width:820px;position:relative;text-align:center}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;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,var(--color-accent-secondary) 52%,var(--color-accent-warm) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;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:640px}.hero-actions{display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-12)}@media (min-width:640px){.hero-actions{flex-direction:row}}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--space-12);justify-content:center}.stat{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.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{backdrop-filter:blur(12px);background:#080d18b8;border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding:var(--space-8) 0}.search-box{align-items:center;display:flex;margin:0 auto var(--space-4);max-width:700px;position:relative}.search-box-icon{color:var(--color-text-tertiary);left:var(--space-4);pointer-events:none;position:absolute}.search-box-input{background:linear-gradient(180deg,#131c31f2,#0a0e18fa);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);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),var(--shadow-md);outline:none}.search-box-input::-moz-placeholder{color:var(--color-text-tertiary)}.search-box-input::placeholder{color:var(--color-text-tertiary)}.search-box-btn{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-secondary) 100%);border:none;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);position:absolute;right:var(--space-2);transition:all var(--transition-fast)}.search-box-btn:hover{filter:brightness(1.06)}.search-tags{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-2);justify-content:center}.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:#080d18e0;border-bottom:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-8)}.breadcrumbs{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-bottom:var(--space-4)}.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);letter-spacing:-.03em;margin-bottom:var(--space-4)}.page-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:640px}.section{padding:var(--space-20) 0}.section-header{margin:0 auto var(--space-12);max-width:640px;text-align:center}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;margin-bottom:var(--space-4)}.section-description{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.categories-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(1,1fr)}@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:linear-gradient(180deg,#131c31d1,#0a0e18f0);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-6);transition:all var(--transition-base)}.category-card:hover{background:linear-gradient(180deg,#18233de0,#0b1020fa);border-color:#22d3ee38;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-3px)}.category-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;margin-bottom:var(--space-4);width:48px}.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);flex:1;font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.category-meta{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);gap:var(--space-3)}.category-count{background:var(--color-surface-active);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.tools-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(1,1fr)}@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:linear-gradient(180deg,#131c31d1,#0a0e18f5);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:var(--space-5);transition:all var(--transition-base)}.tool-card:hover{border-color:#22d3ee3d;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-3px)}.tool-header{align-items:flex-start;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.tool-icon{align-items:center;background:linear-gradient(135deg,var(--color-accent-subtle),rgba(139,92,246,.12));border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-md);color:var(--color-accent);display:flex;height:40px;justify-content:center;width:40px}.tool-badges{display:flex;gap:var(--space-1);margin-left:auto}.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{background:#f59e0b26;color:var(--color-warning)}.tool-badge-new{background:#22c55e26;color:var(--color-success)}.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);display:-webkit-box;flex:1;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;overflow:hidden}.tool-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.tool-category{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.tool-link{align-items:center;color:var(--color-accent);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1);transition:color var(--transition-fast),gap var(--transition-fast)}.tool-link:hover{color:var(--color-accent-hover);gap:calc(var(--space-1) + 2px)}.section-features{backdrop-filter:blur(10px);background:#080d18b8;border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border)}.features-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(1,1fr)}@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{align-items:center;background:linear-gradient(135deg,#22d3ee1a,#8b5cf61a);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-accent);display:flex;height:56px;justify-content:center;margin:0 auto var(--space-4);width:56px}.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{background:radial-gradient(circle at top left,rgba(239,68,68,.1),transparent 28%),linear-gradient(135deg,#22d3ee1a,#8b5cf61f);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-12) var(--space-8);text-align:center}.cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;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:560px}.app-footer{background:#080d18e0;border-top:1px solid var(--color-border);margin-top:auto}.footer-trust-bar{background:#10172ad1;border-bottom:1px solid var(--color-border);padding:var(--space-6) 0}.trust-items{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@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:1px solid hsla(0,0%,100%,.04);border-radius:var(--radius-md);color:var(--color-accent);flex-shrink:0;height:40px;justify-content:center;width: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{display:grid;gap:var(--space-12);margin-bottom:var(--space-12)}@media (min-width:768px){.footer-grid{grid-template-columns:1.5fr 2fr}}.footer-brand{max-width:320px}.footer-logo{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-logo-icon{background:var(--color-surface);border-radius:var(--radius-lg);height:44px;overflow:hidden;width:44px}.footer-logo-icon img{height:100%;-o-object-fit:contain;object-fit:contain;width: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:linear-gradient(180deg,#131c31b8,#0a0e18e0);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{align-items:center;color:var(--color-accent);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);word-break:break-all}.contact-email:hover{color:var(--color-accent-hover)}.footer-links{display:grid;gap:var(--space-8);grid-template-columns:repeat(2,1fr)}@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{display:flex;flex-direction:column;gap:var(--space-3)}.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:#06070bf0;border-top:1px solid var(--color-border);padding:var(--space-6) 0}.legal-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);text-align:center}@media (min-width:768px){.legal-content{flex-direction:row;justify-content:space-between;text-align:left}}.legal-links{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.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{background:linear-gradient(135deg,#22d3ee0f,#8b5cf614);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-4)}.owner-avatar,.owner-signature{align-items:center;display:flex}.owner-avatar{background:var(--color-surface);border-radius:var(--radius-full);color:var(--color-accent);flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:48px;justify-content:center;width: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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.section-eyebrow{color:var(--color-accent);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.12em;margin-bottom:var(--space-3);text-transform:uppercase}.use-case-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.use-case-grid{grid-template-columns:repeat(2,1fr)}}.editorial-panel,.use-case-card{background:linear-gradient(180deg,#131c31db,#0a0e18f5);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.use-case-card{padding:var(--space-6)}.use-case-card h3{font-size:var(--font-size-xl);margin:0 0 var(--space-3)}.use-case-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-5)}.editorial-links a,.use-case-card a{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.use-case-kicker{color:var(--color-text-tertiary);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;margin-bottom:var(--space-3);text-transform:uppercase}.editorial-panel{display:grid;gap:var(--space-6);grid-template-columns:1fr;padding:var(--space-8)}@media (min-width:900px){.editorial-panel{align-items:center;grid-template-columns:minmax(0,1fr) 320px}}.editorial-links{display:grid;gap:var(--space-3)}.editorial-links a{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.category-decision-note,.tool-decision-note{color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);margin-top:var(--space-3)}.article-shell .main-header,.blog-hub .main-header{backdrop-filter:blur(18px)}.article-shell .summary-box strong,.blog-card h3,.related-panel h3{color:var(--text-primary)}.blog-card-image img{transition:transform .25s ease,filter .25s ease}.blog-card:hover .blog-card-image img{filter:saturate(1.08);transform:scale(1.035)}.article-faq[open]{background:#0f172ae0;border-color:#22d3ee42}html{color-scheme:light dark}.app-footer,.app-header,.blog-card,.card,.category-card,.tool-card,body,button,input,select,textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.nt-skeleton,.skeleton{animation:nt-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--color-surface),var(--color-surface-hover),var(--color-surface));background-size:200% 100%;overflow:hidden;position:relative}@keyframes nt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}