:root{--color-primary:#3b82f6;--color-primary-dark:#1d4ed8;--color-primary-light:#60a5fa;--color-secondary:#8b5cf6;--color-accent:#06b6d4;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#ffffff;--bg-code:#1e293b;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#ffffff;--text-link:var(--color-primary);--text-link-hover:var(--color-primary-dark);--border-color:#e2e8f0;--border-color-strong:#cbd5e1;--gradient-hero:linear-gradient(
    135deg,
    #0f172a 0%,
    #1e3a5f 50%,
    #1e293b 100%
  );--gradient-card:linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );--gradient-glow:radial-gradient(
    ellipse at center,
    rgba(59, 130, 246, 0.15) 0%,
    transparent 70%
  );--gradient-accent:linear-gradient(
    135deg,
    var(--color-primary) 0%,
    var(--color-secondary) 100%
  );--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-glow:0 0 40px rgba(59, 130, 246, 0.3);--shadow-card:0 0 0 1px var(--border-color), var(--shadow-md);--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:350ms cubic-bezier(0.4, 0, 0.2, 1);--transition-spring:500ms cubic-bezier(0.34, 1.56, 0.64, 1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600;--container-max:1280px;--container-narrow:768px;--container-wide:1440px;--header-height:4rem}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--bg-code:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--text-link:var(--color-primary-light);--text-link-hover:var(--color-primary);--border-color:#334155;--border-color-strong:#475569;--gradient-hero:linear-gradient(
    135deg,
    #020617 0%,
    #0f172a 50%,
    #1e293b 100%
  );--shadow-card:0 0 0 1px var(--border-color), 0 4px 6px -1px rgb(0 0 0 / 0.3);--shadow-glow:0 0 60px rgba(59, 130, 246, 0.2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--bg-code:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--text-link:var(--color-primary-light);--text-link-hover:var(--color-primary);--border-color:#334155;--border-color-strong:#475569;--gradient-hero:linear-gradient(
      135deg,
      #020617 0%,
      #0f172a 50%,
      #1e293b 100%
    );--shadow-card:0 0 0 1px var(--border-color),
      0 4px 6px -1px rgb(0 0 0 / 0.3)}}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4));-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-relaxed);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary)}h1{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl))}h2{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl))}h3{font-size:clamp(var(--text-xl),3vw,var(--text-2xl))}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);margin-bottom:var(--space-4)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover);text-decoration:underline}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--bg-tertiary);padding:.2em .4em;border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--bg-code);color:#e2e8f0;padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-4)0}pre code{background:0 0;padding:0}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4)}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(min-width:769px) and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-6)}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.site-header.scrolled{background:rgba(255,255,255,.95);box-shadow:var(--shadow-md)}[data-theme=dark] .site-header.scrolled{background:rgba(15,23,42,.95)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.site-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--text-lg);color:var(--text-primary);text-decoration:none}.site-logo:hover{color:var(--color-primary);text-decoration:none}.site-logo svg,.site-logo img{height:32px;width:auto}.main-nav{display:flex;align-items:center;gap:var(--space-2)}.nav-list{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background-color:var(--bg-tertiary);text-decoration:none}.nav-link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.nav-item:hover .nav-link svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:var(--z-dropdown)}.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.dropdown-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary);text-decoration:none}.dropdown-link-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gradient-accent);border-radius:var(--radius-md);color:#fff}.menu-toggle{display:none;padding:var(--space-2);background:0 0;border:none;cursor:pointer}.menu-toggle svg{width:24px;height:24px;color:var(--text-primary)}@media(max-width:768px){.main-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;padding:var(--space-4);background:var(--bg-primary);border-top:1px solid var(--border-color);transform:translateX(-100%);transition:transform var(--transition-normal);overflow-y:auto}.main-nav.open{transform:translateX(0)}.nav-list{flex-direction:column;align-items:stretch}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding-left:var(--space-4);display:none}.nav-item.open .dropdown-menu{display:block}.menu-toggle{display:block}}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:0 0;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.theme-toggle svg{width:20px;height:20px}.search-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.search-toggle:hover{border-color:var(--color-primary);color:var(--text-secondary)}.search-toggle svg{width:16px;height:16px}.search-toggle kbd{display:none;padding:var(--space-1)var(--space-2);background:var(--bg-primary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-sans)}.search-toggle .shortcut-mac,.search-toggle .shortcut-other{display:none}@media(min-width:768px){.search-toggle .shortcut-other{display:inline}.is-mac .search-toggle .shortcut-other{display:none}.is-mac .search-toggle .shortcut-mac{display:inline}}.hero{position:relative;padding:var(--space-24)0 var(--space-16);background:var(--gradient-hero);overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:var(--gradient-glow);pointer-events:none}.hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--bg-primary),transparent);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);margin-bottom:var(--space-6);background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-primary-light)}.hero-title{margin-bottom:var(--space-6);font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:800;color:#fff;letter-spacing:var(--letter-spacing-tight)}.hero-title-gradient{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{max-width:600px;margin:0 auto var(--space-8);font-size:var(--text-lg);line-height:var(--line-height-relaxed);color:rgba(255,255,255,.8)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.hero-search{position:relative;max-width:500px;margin:var(--space-8)auto 0}.hero-search input{width:100%;padding:var(--space-4)var(--space-6);padding-left:var(--space-12);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:var(--text-base);color:#fff;backdrop-filter:blur(8px);transition:all var(--transition-fast)}.hero-search input::placeholder{color:rgba(255,255,255,.6)}.hero-search input:focus{outline:none;background:rgba(255,255,255,.15);border-color:var(--color-primary-light);box-shadow:0 0 0 4px rgba(59,130,246,.2)}.hero-search-icon{position:absolute;left:var(--space-5);top:50%;transform:translateY(-50%);width:20px;height:20px;color:rgba(255,255,255,.6);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient( rgba(255,255,255,3%) 1px,transparent 1px ),linear-gradient(90deg,rgba(255,255,255,3%) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient( ellipse at center,black 30%,transparent 70% );animation:gridFloat 20s ease-in-out infinite}@keyframes gridFloat{0%,100%{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.02)}}.hero-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 15s ease-in-out infinite}.hero-orb-1{width:400px;height:400px;background:var(--color-primary);top:-200px;right:-100px;animation-delay:0s}.hero-orb-2{width:300px;height:300px;background:var(--color-secondary);bottom:-150px;left:-100px;animation-delay:-5s}.hero-orb-3{width:200px;height:200px;background:var(--color-accent);top:50%;left:50%;animation-delay:-10s}@keyframes orbFloat{0%,100%{transform:translate(0,0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-size:var(--text-sm);font-weight:600;line-height:1;text-decoration:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 14px rgba(59,130,246,.4)}.btn-primary:hover{box-shadow:0 6px 20px rgba(59,130,246,.5);color:#fff}.btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}.btn-secondary:hover{background:rgba(255,255,255,.2);color:#fff}.btn-outline{background:0 0;color:var(--text-primary);border:1px solid var(--border-color-strong)}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--text-xs)}.btn svg{width:18px;height:18px}.card{position:relative;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);height:100%}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-primary);transform:translateY(-4px)}.card-link{text-decoration:none;color:inherit}.card-link:hover{text-decoration:none}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--space-4);background:var(--gradient-accent);border-radius:var(--radius-lg);color:#fff}.card-icon svg{width:24px;height:24px}.card-title{margin-bottom:var(--space-2);font-size:var(--text-lg);font-weight:600}.card-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--line-height-relaxed);margin-bottom:0}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.feature-card{padding:var(--space-8)}.feature-card .card-icon{width:64px;height:64px;margin-bottom:var(--space-6)}.feature-card .card-icon svg{width:32px;height:32px}.feature-card .card-title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.blog-card{display:flex;flex-direction:column;height:100%}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary)}.blog-card-tag{padding:var(--space-1)var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;color:var(--color-primary)}.blog-card-title{font-size:var(--text-lg);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}.blog-card-excerpt{flex-grow:1;color:var(--text-secondary);font-size:var(--text-sm)}.blog-card-read-more{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-primary)}.blog-card-read-more svg{width:16px;height:16px;transition:transform var(--transition-fast)}.card:hover .blog-card-read-more svg{transform:translateX(4px)}.section{padding:var(--space-20)0}.section-alt{background:var(--bg-secondary)}.section-header{max-width:700px;margin:0 auto var(--space-12);text-align:center}.section-title{margin-bottom:var(--space-4)}.section-description{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:0}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);margin-bottom:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-primary)}.timeline-container{position:relative}.timeline-year-group{margin-bottom:var(--space-8)}.timeline-year-header{position:sticky;top:calc(var(--header-height) + var(--space-4));z-index:10;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)0;background:var(--bg-primary);margin-bottom:var(--space-4)}[data-theme=dark] .timeline-year-header,@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .timeline-year-header{background:var(--bg-primary)}}.timeline-year{display:flex;align-items:center;justify-content:center;min-width:80px;padding:var(--space-2)var(--space-4);background:var(--gradient-accent);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:700;color:#fff}.timeline-year-line{flex-grow:1;height:2px;background:linear-gradient(to right,var(--color-primary),transparent)}.timeline-year-count{padding:var(--space-1)var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.timeline-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.timeline-card{display:flex;flex-direction:column;padding:var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.timeline-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.timeline-card-date{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.timeline-card-date svg{width:16px;height:16px}.timeline-card-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);line-height:var(--line-height-tight)}.timeline-card-link{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:auto;padding-top:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-primary);text-decoration:none}.timeline-card-link:hover{text-decoration:underline}.timeline-card-link svg{width:14px;height:14px}.content-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-8);padding:var(--space-8)0}@media(max-width:1024px){.content-layout{grid-template-columns:1fr}}.sidebar{position:relative}.sidebar-inner{position:sticky;top:calc(var(--header-height) + var(--space-4))}.sidebar-nav{padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.sidebar-title{padding:var(--space-2)var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-list-item{margin:0}.sidebar-link{display:block;padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);border-left:2px solid transparent;transition:all var(--transition-fast)}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-tertiary);text-decoration:none}.sidebar-link.active{color:var(--color-primary);background:rgba(59,130,246,.1);border-left-color:var(--color-primary)}.sidebar-nested{margin-left:var(--space-4);padding-left:var(--space-3);border-left:1px solid var(--border-color)}.main-content{min-width:0}.content-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.content-title{margin-bottom:var(--space-4)}.content-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary)}.content-meta-item{display:flex;align-items:center;gap:var(--space-2)}.content-meta-item svg{width:16px;height:16px}.article-content{font-size:var(--text-base);line-height:var(--line-height-relaxed)}.article-content h2{margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.article-content h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-content h4,.article-content h5,.article-content h6{margin-top:var(--space-6);margin-bottom:var(--space-2)}.article-content p{margin-bottom:var(--space-4)}.article-content ul,.article-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.article-content li{margin-bottom:var(--space-2)}.article-content blockquote{margin:var(--space-6)0;padding:var(--space-4)var(--space-6);background:var(--bg-tertiary);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-lg)var(--radius-lg)0}.article-content blockquote p:last-child{margin-bottom:0}.article-content table{width:100%;margin:var(--space-6)0;border-collapse:collapse}.article-content th,.article-content td{padding:var(--space-3)var(--space-4);text-align:left;border:1px solid var(--border-color)}.article-content th{background:var(--bg-tertiary);font-weight:600}.article-content img{margin:var(--space-6)0;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.site-footer{padding:var(--space-16)0 var(--space-8);background:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-12)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);text-decoration:none}.footer-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.footer-social{display:flex;gap:var(--space-2)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.footer-social-link:hover{background:var(--color-primary);color:#fff}.footer-social-link svg{width:20px;height:20px}.footer-column-title{margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-primary)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--border-color)}.footer-copyright{font-size:var(--text-sm);color:var(--text-tertiary)}.footer-legal{display:flex;gap:var(--space-6)}.footer-legal a{font-size:var(--text-sm);color:var(--text-tertiary)}.footer-legal a:hover{color:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm)}.badge-primary{background:rgba(59,130,246,.1);color:var(--color-primary)}.badge-success{background:rgba(16,185,129,.1);color:var(--color-success)}.badge-warning{background:rgba(245,158,11,.1);color:var(--color-warning)}.badge-error{background:rgba(239,68,68,.1);color:var(--color-error)}.tag{display:inline-flex;align-items:center;padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:500;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast)}.tag:hover{background:var(--color-primary);color:#fff;text-decoration:none}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);padding:var(--space-8);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-2xl)}.stat{text-align:center}.stat-value{display:block;font-size:var(--text-4xl);font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.cta{position:relative;padding:var(--space-16);background:var(--gradient-hero);border-radius:var(--radius-2xl);text-align:center;overflow:hidden}.cta::before{content:"";position:absolute;inset:0;background:var(--gradient-glow);opacity:.5;pointer-events:none}.cta-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.cta-title{margin-bottom:var(--space-4);font-size:var(--text-3xl);color:#fff}.cta-description{margin-bottom:var(--space-8);font-size:var(--text-lg);color:rgba(255,255,255,.8)}.search-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding:10vh var(--space-4);background:rgba(0,0,0,.5);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.search-modal.open{opacity:1;visibility:visible}.search-modal-content{width:100%;max-width:600px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transform:translateY(-20px)scale(.95);transition:transform var(--transition-spring)}.search-modal.open .search-modal-content{transform:translateY(0)scale(1)}.search-modal-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-color)}.search-modal-header svg{width:20px;height:20px;color:var(--text-tertiary)}.search-modal-input{flex:1;border:none;background:0 0;font-size:var(--text-lg);color:var(--text-primary)}.search-modal-input:focus{outline:none}.search-modal-input::placeholder{color:var(--text-tertiary)}.search-modal-close{padding:var(--space-1)var(--space-2);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer}.search-modal-results{max-height:400px;overflow-y:auto;padding:var(--space-2)}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.search-result-item:hover,.search-result-item.focused{background:var(--bg-tertiary)}.search-result-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary)}.search-result-icon svg{width:16px;height:16px}.search-result-content{flex:1;min-width:0}.search-result-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-path{font-size:var(--text-xs);color:var(--text-tertiary)}.search-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3)var(--space-4);border-top:1px solid var(--border-color);font-size:var(--text-xs);color:var(--text-tertiary)}.search-shortcuts{display:flex;gap:var(--space-4)}.search-shortcut{display:flex;align-items:center;gap:var(--space-1)}.search-shortcut kbd{padding:var(--space-1)var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-sans)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards}.stagger>*{opacity:0;animation:fadeInUp .5s ease-out forwards}.stagger>*:nth-child(1){animation-delay:.1s}.stagger>*:nth-child(2){animation-delay:.2s}.stagger>*:nth-child(3){animation-delay:.3s}.stagger>*:nth-child(4){animation-delay:.4s}.stagger>*:nth-child(5){animation-delay:.5s}.stagger>*:nth-child(6){animation-delay:.6s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--color-primary)}@media print{.site-header,.site-footer,.sidebar{display:none}.content-layout{grid-template-columns:1fr}.main-content{padding:0}}