@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700;800&display=swap";:root{--color-pure-white: #ffffff;--color-pure-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--bg-primary: var(--color-pure-white);--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-elevated: var(--color-pure-white);--bg-glass: rgba(255, 255, 255, .95);--bg-glass-strong: rgba(255, 255, 255, .98);--bg-blur: rgba(255, 255, 255, .92);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-700);--text-tertiary: var(--color-gray-600);--text-quaternary: var(--color-gray-500);--text-muted: var(--color-gray-400);--text-inverse: var(--color-pure-white);--accent: var(--color-pure-black);--accent-hover: var(--color-gray-800);--accent-light: var(--color-gray-700);--accent-glow: rgba(0, 0, 0, .08);--accent-soft: rgba(0, 0, 0, .04);--accent-gas: rgba(0, 0, 0, .02);--border-primary: var(--color-gray-200);--border-secondary: var(--color-gray-100);--border-strong: var(--color-gray-300);--border-glass: rgba(255, 255, 255, .8);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .12);--shadow-2xl: 0 16px 40px rgba(0, 0, 0, .15);--shadow-glow: 0 0 0 1px rgba(0, 0, 0, .08);--shadow-border: 0 0 0 1px var(--border-primary);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 10px;--radius-3xl: 12px;--radius-full: 9999px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 19px;--font-size-2xl: 22px;--font-size-3xl: 28px;--font-size-4xl: 34px;--font-size-5xl: 48px;--font-size-6xl: 60px;--font-size-7xl: 72px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-apple: cubic-bezier(.25, .1, .25, 1);--transition-fast: .15s var(--ease-apple);--transition-normal: .25s var(--ease-apple);--transition-slow: .4s var(--ease-apple);--transition-spring: .5s var(--ease-spring);--container-max: 1200px;--container-padding: 20px;--header-height: 60px;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px;--blur-xl: 20px;--z-base: 1;--z-elevated: 10;--z-sticky: 100;--z-header: 1000;--z-overlay: 1100;--z-modal: 1200}[data-theme=computer]{--color-cyber-cyan: #00f0ff;--color-cyber-blue: #0088ff;--color-cyber-purple: #b000ff;--color-cyber-pink: #ff00aa;--color-cyber-dark: #0a0e1a;--color-cyber-darker: #050810;--bg-primary: var(--color-cyber-darker);--bg-secondary: #0d1220;--bg-tertiary: #151b2e;--bg-elevated: var(--color-cyber-dark);--bg-glass: rgba(10, 14, 26, .92);--bg-glass-strong: rgba(10, 14, 26, .96);--bg-blur: rgba(10, 14, 26, .94);--text-primary: var(--color-cyber-cyan);--text-secondary: #66d9ff;--text-tertiary: #4488cc;--text-quaternary: #3366aa;--text-muted: #2255aa;--text-inverse: var(--color-cyber-darker);--accent: var(--color-cyber-cyan);--accent-hover: var(--color-cyber-blue);--accent-light: #33f5ff;--accent-glow: rgba(0, 240, 255, .25);--accent-soft: rgba(0, 240, 255, .12);--accent-gas: rgba(0, 240, 255, .06);--border-primary: rgba(0, 240, 255, .25);--border-secondary: rgba(0, 240, 255, .12);--border-strong: rgba(0, 240, 255, .45);--border-glass: rgba(10, 14, 26, .85);--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--shadow-glow: 0 0 20px rgba(0, 240, 255, .4), 0 0 40px rgba(0, 136, 255, .2);--shadow-border: 0 0 0 1px var(--border-primary)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);overscroll-behavior:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6;font-weight:var(--font-weight-normal);transition:background-color .3s ease,color .3s ease,font-family .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"rlig" 1,"calt" 1,"kern" 1;min-height:100vh;padding-top:var(--header-height);position:relative;letter-spacing:-.004em}[data-theme=computer] body,[data-theme=computer] *{font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,monospace!important;letter-spacing:-.01em;font-feature-settings:"liga" 0,"calt" 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=computer] .philosophy-icon,[data-theme=computer] .step-number,[data-theme=computer] .badge-dot,[data-theme=computer] .author-avatar{background:transparent!important}svg,svg.icon{color:var(--color-pure-black);transition:all var(--transition-fast)}svg path,svg circle,svg rect,svg polygon,svg polyline,svg line{stroke:currentColor}svg[fill]:not([fill=none]) path,svg[fill]:not([fill=none]) circle,svg[fill]:not([fill=none]) rect,svg[fill]:not([fill=none]) polygon{fill:currentColor}.manifesto-content svg,.manifesto-hero svg{color:var(--color-pure-black);stroke:var(--color-pure-black)}.manifesto-content svg path,.manifesto-content svg circle,.manifesto-content svg rect,.manifesto-content svg polygon,.manifesto-content svg polyline,.manifesto-content svg line,.manifesto-hero svg path,.manifesto-hero svg circle,.manifesto-hero svg rect,.manifesto-hero svg polygon,.manifesto-hero svg polyline,.manifesto-hero svg line{stroke:var(--color-pure-black)}.manifesto-content svg[fill]:not([fill=none]) path,.manifesto-content svg[fill]:not([fill=none]) circle,.manifesto-content svg[fill]:not([fill=none]) rect,.manifesto-content svg[fill]:not([fill=none]) polygon,.manifesto-hero svg[fill]:not([fill=none]) path,.manifesto-hero svg[fill]:not([fill=none]) circle,.manifesto-hero svg[fill]:not([fill=none]) rect,.manifesto-hero svg[fill]:not([fill=none]) polygon{fill:var(--color-pure-black)}.manifesto-content svg circle[fill=currentColor],.manifesto-content svg path[fill=currentColor],.manifesto-content svg rect[fill=currentColor],.manifesto-content svg polygon[fill=currentColor],.manifesto-hero svg circle[fill=currentColor],.manifesto-hero svg path[fill=currentColor],.manifesto-hero svg rect[fill=currentColor],.manifesto-hero svg polygon[fill=currentColor]{fill:var(--color-pure-black)}[data-theme=computer] .manifesto-content svg,[data-theme=computer] .manifesto-hero svg{color:var(--color-matrix-green)!important;stroke:var(--color-matrix-green)!important}[data-theme=computer] .manifesto-content svg path,[data-theme=computer] .manifesto-content svg circle,[data-theme=computer] .manifesto-content svg rect,[data-theme=computer] .manifesto-content svg polygon,[data-theme=computer] .manifesto-content svg polyline,[data-theme=computer] .manifesto-content svg line,[data-theme=computer] .manifesto-hero svg path,[data-theme=computer] .manifesto-hero svg circle,[data-theme=computer] .manifesto-hero svg rect,[data-theme=computer] .manifesto-hero svg polygon,[data-theme=computer] .manifesto-hero svg polyline,[data-theme=computer] .manifesto-hero svg line{stroke:var(--color-matrix-green)!important}[data-theme=computer] .manifesto-content svg[fill]:not([fill=none]) path,[data-theme=computer] .manifesto-content svg[fill]:not([fill=none]) circle,[data-theme=computer] .manifesto-content svg[fill]:not([fill=none]) rect,[data-theme=computer] .manifesto-content svg[fill]:not([fill=none]) polygon,[data-theme=computer] .manifesto-hero svg[fill]:not([fill=none]) path,[data-theme=computer] .manifesto-hero svg[fill]:not([fill=none]) circle,[data-theme=computer] .manifesto-hero svg[fill]:not([fill=none]) rect,[data-theme=computer] .manifesto-hero svg[fill]:not([fill=none]) polygon{fill:var(--color-matrix-green)!important}[data-theme=computer] .manifesto-content svg circle[fill=currentColor],[data-theme=computer] .manifesto-content svg path[fill=currentColor],[data-theme=computer] .manifesto-content svg rect[fill=currentColor],[data-theme=computer] .manifesto-content svg polygon[fill=currentColor],[data-theme=computer] .manifesto-hero svg circle[fill=currentColor],[data-theme=computer] .manifesto-hero svg path[fill=currentColor],[data-theme=computer] .manifesto-hero svg rect[fill=currentColor],[data-theme=computer] .manifesto-hero svg polygon[fill=currentColor]{fill:var(--color-matrix-green)!important}.feature-icon svg,.section-icon svg,.section-icon-center svg,.philosophy-icon svg,.cta-icon svg{color:var(--color-pure-black)!important;stroke:var(--color-pure-black)!important}.feature-icon svg path,.feature-icon svg circle,.feature-icon svg rect,.feature-icon svg polygon,.feature-icon svg polyline,.feature-icon svg line,.section-icon svg path,.section-icon svg circle,.section-icon svg rect,.section-icon svg polygon,.section-icon svg polyline,.section-icon svg line,.section-icon-center svg path,.section-icon-center svg circle,.section-icon-center svg rect,.section-icon-center svg polygon,.section-icon-center svg polyline,.section-icon-center svg line,.philosophy-icon svg path,.philosophy-icon svg circle,.philosophy-icon svg rect,.philosophy-icon svg polygon,.philosophy-icon svg polyline,.philosophy-icon svg line,.cta-icon svg path,.cta-icon svg circle,.cta-icon svg rect,.cta-icon svg polygon,.cta-icon svg polyline,.cta-icon svg line{stroke:var(--color-pure-black)!important}.feature-icon svg[fill]:not([fill=none]) path,.feature-icon svg[fill]:not([fill=none]) circle,.feature-icon svg[fill]:not([fill=none]) rect,.feature-icon svg[fill]:not([fill=none]) polygon,.section-icon svg[fill]:not([fill=none]) path,.section-icon svg[fill]:not([fill=none]) circle,.section-icon svg[fill]:not([fill=none]) rect,.section-icon svg[fill]:not([fill=none]) polygon,.section-icon-center svg[fill]:not([fill=none]) path,.section-icon-center svg[fill]:not([fill=none]) circle,.section-icon-center svg[fill]:not([fill=none]) rect,.section-icon-center svg[fill]:not([fill=none]) polygon,.philosophy-icon svg[fill]:not([fill=none]) path,.philosophy-icon svg[fill]:not([fill=none]) circle,.philosophy-icon svg[fill]:not([fill=none]) rect,.philosophy-icon svg[fill]:not([fill=none]) polygon,.cta-icon svg[fill]:not([fill=none]) path,.cta-icon svg[fill]:not([fill=none]) circle,.cta-icon svg[fill]:not([fill=none]) rect,.cta-icon svg[fill]:not([fill=none]) polygon{fill:var(--color-pure-black)!important}.feature-icon svg circle[fill=currentColor],.feature-icon svg path[fill=currentColor],.feature-icon svg rect[fill=currentColor],.feature-icon svg polygon[fill=currentColor],.section-icon svg circle[fill=currentColor],.section-icon svg path[fill=currentColor],.section-icon svg rect[fill=currentColor],.section-icon svg polygon[fill=currentColor],.section-icon-center svg circle[fill=currentColor],.section-icon-center svg path[fill=currentColor],.section-icon-center svg rect[fill=currentColor],.section-icon-center svg polygon[fill=currentColor],.philosophy-icon svg circle[fill=currentColor],.philosophy-icon svg path[fill=currentColor],.philosophy-icon svg rect[fill=currentColor],.philosophy-icon svg polygon[fill=currentColor],.cta-icon svg circle[fill=currentColor],.cta-icon svg path[fill=currentColor],.cta-icon svg rect[fill=currentColor],.cta-icon svg polygon[fill=currentColor]{fill:var(--color-pure-black)!important}[data-theme=computer] .feature-icon svg,[data-theme=computer] .section-icon svg,[data-theme=computer] .section-icon-center svg,[data-theme=computer] .philosophy-icon svg,[data-theme=computer] .cta-icon svg{color:var(--bg-primary)!important;stroke:var(--color-pure-white)!important}[data-theme=computer] .feature-icon svg path,[data-theme=computer] .feature-icon svg circle,[data-theme=computer] .feature-icon svg rect,[data-theme=computer] .feature-icon svg polygon,[data-theme=computer] .feature-icon svg polyline,[data-theme=computer] .feature-icon svg line,[data-theme=computer] .section-icon svg path,[data-theme=computer] .section-icon svg circle,[data-theme=computer] .section-icon svg rect,[data-theme=computer] .section-icon svg polygon,[data-theme=computer] .section-icon svg polyline,[data-theme=computer] .section-icon svg line,[data-theme=computer] .section-icon-center svg path,[data-theme=computer] .section-icon-center svg circle,[data-theme=computer] .section-icon-center svg rect,[data-theme=computer] .section-icon-center svg polygon,[data-theme=computer] .section-icon-center svg polyline,[data-theme=computer] .section-icon-center svg line,[data-theme=computer] .philosophy-icon svg path,[data-theme=computer] .philosophy-icon svg circle,[data-theme=computer] .philosophy-icon svg rect,[data-theme=computer] .philosophy-icon svg polygon,[data-theme=computer] .philosophy-icon svg polyline,[data-theme=computer] .philosophy-icon svg line,[data-theme=computer] .cta-icon svg path,[data-theme=computer] .cta-icon svg circle,[data-theme=computer] .cta-icon svg rect,[data-theme=computer] .cta-icon svg polygon,[data-theme=computer] .cta-icon svg polyline,[data-theme=computer] .cta-icon svg line{stroke:var(--color-pure-white)!important}[data-theme=computer] .feature-icon svg[fill]:not([fill=none]) path,[data-theme=computer] .feature-icon svg[fill]:not([fill=none]) circle,[data-theme=computer] .feature-icon svg[fill]:not([fill=none]) rect,[data-theme=computer] .feature-icon svg[fill]:not([fill=none]) polygon,[data-theme=computer] .section-icon svg[fill]:not([fill=none]) path,[data-theme=computer] .section-icon svg[fill]:not([fill=none]) circle,[data-theme=computer] .section-icon svg[fill]:not([fill=none]) rect,[data-theme=computer] .section-icon svg[fill]:not([fill=none]) polygon,[data-theme=computer] .section-icon-center svg[fill]:not([fill=none]) path,[data-theme=computer] .section-icon-center svg[fill]:not([fill=none]) circle,[data-theme=computer] .section-icon-center svg[fill]:not([fill=none]) rect,[data-theme=computer] .section-icon-center svg[fill]:not([fill=none]) polygon,[data-theme=computer] .philosophy-icon svg[fill]:not([fill=none]) path,[data-theme=computer] .philosophy-icon svg[fill]:not([fill=none]) circle,[data-theme=computer] .philosophy-icon svg[fill]:not([fill=none]) rect,[data-theme=computer] .philosophy-icon svg[fill]:not([fill=none]) polygon,[data-theme=computer] .cta-icon svg[fill]:not([fill=none]) path,[data-theme=computer] .cta-icon svg[fill]:not([fill=none]) circle,[data-theme=computer] .cta-icon svg[fill]:not([fill=none]) rect,[data-theme=computer] .cta-icon svg[fill]:not([fill=none]) polygon{fill:var(--color-pure-white)!important}[data-theme=computer] .feature-icon svg circle[fill=currentColor],[data-theme=computer] .feature-icon svg path[fill=currentColor],[data-theme=computer] .feature-icon svg rect[fill=currentColor],[data-theme=computer] .feature-icon svg polygon[fill=currentColor],[data-theme=computer] .section-icon svg circle[fill=currentColor],[data-theme=computer] .section-icon svg path[fill=currentColor],[data-theme=computer] .section-icon svg rect[fill=currentColor],[data-theme=computer] .section-icon svg polygon[fill=currentColor],[data-theme=computer] .section-icon-center svg circle[fill=currentColor],[data-theme=computer] .section-icon-center svg path[fill=currentColor],[data-theme=computer] .section-icon-center svg rect[fill=currentColor],[data-theme=computer] .section-icon-center svg polygon[fill=currentColor],[data-theme=computer] .philosophy-icon svg circle[fill=currentColor],[data-theme=computer] .philosophy-icon svg path[fill=currentColor],[data-theme=computer] .philosophy-icon svg rect[fill=currentColor],[data-theme=computer] .philosophy-icon svg polygon[fill=currentColor],[data-theme=computer] .cta-icon svg circle[fill=currentColor],[data-theme=computer] .cta-icon svg path[fill=currentColor],[data-theme=computer] .cta-icon svg rect[fill=currentColor],[data-theme=computer] .cta-icon svg polygon[fill=currentColor]{fill:var(--color-pure-white)!important}[data-theme=computer] svg{color:currentColor!important}[data-theme=computer] svg[fill=none] circle,[data-theme=computer] svg[fill=none] path,[data-theme=computer] svg[fill=none] rect,[data-theme=computer] svg[fill=none] polygon,[data-theme=computer] svg[fill=none] polyline,[data-theme=computer] svg[fill=none] line{fill:none!important;stroke:currentColor!important}[data-theme=computer] svg:not([fill=none]) circle:not([fill]),[data-theme=computer] svg:not([fill=none]) path:not([fill]),[data-theme=computer] svg:not([fill=none]) rect:not([fill]),[data-theme=computer] svg:not([fill=none]) polygon:not([fill]){stroke:currentColor!important}[data-theme=computer] svg circle[opacity],[data-theme=computer] svg path[opacity],[data-theme=computer] svg rect[opacity],[data-theme=computer] svg polygon[opacity],[data-theme=computer] svg polyline[opacity],[data-theme=computer] svg line[opacity]{opacity:1!important}[data-theme=computer] svg circle[fill=currentColor],[data-theme=computer] svg path[fill=currentColor],[data-theme=computer] svg rect[fill=currentColor],[data-theme=computer] svg polygon[fill=currentColor]{fill:currentColor!important;opacity:1!important}[data-theme=computer] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(0,240,255,.08) 19px,rgba(0,240,255,.08) 20px),repeating-linear-gradient(90deg,transparent,transparent 9px,rgba(0,136,255,.06) 9px,rgba(0,136,255,.06) 10px);animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(20px)}}[data-theme=computer] body:after{content:"█";position:fixed;bottom:20px;right:20px;color:#00f0ffcc;font-family:JetBrains Mono,monospace;font-size:16px;animation:blink 1s step-end infinite;pointer-events:none;z-index:9999;text-shadow:0 0 8px rgba(0,240,255,.6),0 0 15px rgba(0,136,255,.4)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.3;color:var(--text-primary);letter-spacing:-.015em;margin-bottom:var(--space-4);font-feature-settings:"kern" 1,"liga" 1}h1{font-size:clamp(var(--font-size-4xl),6vw,var(--font-size-7xl));font-weight:var(--font-weight-extrabold);letter-spacing:-.025em;line-height:1.1}h2{font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-5xl));font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.015em}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4);font-size:var(--font-size-base);letter-spacing:-.011em}.text-large{font-size:var(--font-size-lg);line-height:1.5;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.text-small{font-size:var(--font-size-sm);color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;position:relative;font-family:inherit;outline:none;letter-spacing:-.003em}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--shadow-glow)}.btn-primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-primary:active{transform:scale(.98);box-shadow:var(--shadow-xs)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-strong)}.btn-secondary:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}[data-theme=computer] .btn{border-radius:0;border:2px solid var(--border-primary);background:var(--bg-elevated);color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;font-weight:600;position:relative;overflow:visible}[data-theme=computer] .btn svg{color:currentColor;stroke:currentColor}[data-theme=computer] .btn:before{content:">";position:absolute;left:-15px;color:var(--text-primary);opacity:0;transition:opacity .2s ease,left .2s ease}[data-theme=computer] .btn:hover:before{opacity:1;left:-20px}[data-theme=computer] .btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}[data-theme=computer] .btn-primary svg{color:var(--bg-primary);stroke:var(--bg-primary)}[data-theme=computer] .btn-primary:hover{box-shadow:0 0 20px #00f0ff99,0 0 40px #0088ff4d;transform:scale(1.02)}[data-theme=computer] .btn-secondary{background:transparent;border-color:var(--border-primary);color:var(--text-primary)}[data-theme=computer] .btn-secondary svg{color:var(--text-primary);stroke:var(--text-primary)}[data-theme=computer] .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-strong);box-shadow:0 0 20px #00f0ff66,0 0 30px #08f3}.card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-fast);position:relative;box-shadow:var(--shadow-xs)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-glass{background:var(--bg-elevated);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}[data-theme=computer] .card,[data-theme=computer] .card-glass{border-radius:0;border:2px solid var(--border-primary);box-shadow:none;position:relative;background:var(--bg-elevated)}[data-theme=computer] .card:before{content:"┌" attr(data-title) "─────────────────────────────────────┐";position:absolute;top:-2px;left:-2px;right:-2px;height:20px;color:var(--text-primary);font-size:14px;line-height:1;white-space:nowrap;overflow:hidden;pointer-events:none}[data-theme=computer] .card:after{content:"└─────────────────────────────────────────┘";position:absolute;bottom:-2px;left:-2px;right:-2px;height:20px;color:var(--text-primary);font-size:14px;line-height:1;white-space:nowrap;overflow:hidden;pointer-events:none}[data-theme=computer] .card:hover{border-color:var(--border-strong);box-shadow:0 0 30px #00f0ff40,0 0 50px #0088ff26;transform:translateY(-2px)}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);background:var(--bg-elevated);border-bottom:1px solid var(--border-primary);height:var(--header-height);transition:all var(--transition-fast)}[data-theme=computer] .nav{background:var(--bg-primary);border-bottom:2px solid var(--border-primary)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.nav-logo{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast)}.nav-logo:hover{opacity:.8;transform:translateY(-1px)}.nav-links{display:flex;align-items:center;gap:var(--space-1);list-style:none}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);position:relative;letter-spacing:-.011em}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-secondary)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.nav-cta{display:flex;align-items:center;gap:var(--space-3)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section-padding{padding:var(--space-24) 0}.text-center{text-align:center}.glass{background:var(--bg-elevated);border:1px solid var(--border-primary)}.glass-strong{background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.fade-in{animation:fadeIn .6s var(--ease-apple) forwards}.fade-in-up{animation:fadeInUp .6s var(--ease-apple) forwards;opacity:0;transform:translateY(20px)}.scale-in{animation:scaleIn .5s var(--ease-spring) forwards;opacity:0;transform:scale(.95)}.grid{display:grid}.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-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.fade-in-up:nth-child(1){animation-delay:0ms}.fade-in-up:nth-child(2){animation-delay:.1s}.fade-in-up:nth-child(3){animation-delay:.2s}.fade-in-up:nth-child(4){animation-delay:.3s}.fade-in-up:nth-child(5){animation-delay:.4s}.fade-in-up:nth-child(6){animation-delay:.5s}@media(max-width:768px){:root{--container-padding: 16px;--space-24: 80px}.nav-links{display:none}.grid-cols-2,.grid-cols-3,.grid-auto-fit{grid-template-columns:1fr}h1{font-size:clamp(var(--font-size-3xl),8vw,var(--font-size-5xl))}h2{font-size:clamp(var(--font-size-2xl),6vw,var(--font-size-4xl))}}@media(max-width:480px){:root{--container-padding: 12px}.section-padding{padding:var(--space-16) 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in-up,.scale-in{opacity:1!important;transform:none!important}}@media(prefers-contrast:high){:root{--border-primary: var(--border-strong)}.card,.btn,.nav{border-width:2px}}::selection{background:#08f3;color:#001a33}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-quaternary)}.theme-toggle{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--border-strong)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--shadow-glow)}.section-divider{height:1px;background:var(--border-primary);margin:var(--space-16) 0}[data-theme=computer] .section-divider{height:auto;background:none;text-align:center;position:relative;margin:var(--space-16) 0}[data-theme=computer] .section-divider:before{content:"─────────────────────────────────────────────────────────────";color:var(--border-primary);display:block;font-size:14px;line-height:1;overflow:hidden;white-space:nowrap}[data-theme=computer] h1,[data-theme=computer] h2{position:relative;display:inline-block}[data-theme=computer] h1:after,[data-theme=computer] h2:after{content:"_";display:inline-block;animation:blink .7s step-end infinite;margin-left:4px}[data-theme=computer] .card:hover,[data-theme=computer] .btn:hover{animation:glitch .3s ease-in-out}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}[data-theme=computer] .nav:before{content:"╔════════════════════════════════════════════════════════════════╗";position:absolute;bottom:-1px;left:0;right:0;font-size:12px;line-height:1;color:var(--border-primary);white-space:nowrap;overflow:hidden;pointer-events:none}[data-theme=computer] .matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.08;background-image:linear-gradient(transparent 50%,#00ff4108 50%),linear-gradient(90deg,transparent 50%,rgba(0,255,65,.03) 50%);background-size:2px 2px;animation:matrix-scroll 20s linear infinite}@keyframes matrix-scroll{0%{background-position:0 0}to{background-position:0 100%}}[data-theme=computer] .philosophy-icon,[data-theme=computer] .author-avatar,[data-theme=computer] .step-number{border-radius:0;border:2px solid var(--border-primary);background:transparent!important;color:var(--text-primary);font-weight:700;position:relative;box-shadow:none!important}[data-theme=computer] .philosophy-icon svg,[data-theme=computer] .author-avatar svg,[data-theme=computer] .step-number svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important}[data-theme=computer] .philosophy-icon svg circle,[data-theme=computer] .philosophy-icon svg path,[data-theme=computer] .author-avatar svg circle,[data-theme=computer] .author-avatar svg path,[data-theme=computer] .step-number svg circle,[data-theme=computer] .step-number svg path{fill:var(--text-primary)!important;stroke:var(--text-primary)!important}[data-theme=computer] .philosophy-icon:before,[data-theme=computer] .author-avatar:before,[data-theme=computer] .step-number:before{content:"$";position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-secondary)}[data-theme=computer] .loading-bar{height:2px;background:var(--border-primary);position:relative;overflow:hidden;margin:var(--space-4) 0}[data-theme=computer] .loading-bar:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:var(--text-primary);animation:loading 2s linear infinite}@keyframes loading{0%{left:-100%}to{left:100%}}[data-theme=computer] .section-title:before,[data-theme=computer] .cta-title:before{content:"[ ";color:var(--text-secondary)}[data-theme=computer] .section-title:after,[data-theme=computer] .cta-title:after{content:" ]";color:var(--text-secondary)}[data-theme=computer] .nav-link{border-radius:0;text-transform:uppercase;letter-spacing:.1em;font-size:var(--font-size-xs);font-weight:600}[data-theme=computer] .nav-link:before{content:"> ";opacity:0;transition:opacity .2s ease}[data-theme=computer] .nav-link:hover:before,[data-theme=computer] .nav-link.active:before{opacity:1}[data-theme=computer] .nav-link:hover,[data-theme=computer] .nav-link.active{background:transparent;border:1px solid var(--border-primary);box-shadow:none}[data-theme=computer] .nav-logo{font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary)}[data-theme=computer] .nav-logo svg{color:var(--text-primary)!important}[data-theme=computer] .nav-logo svg circle{fill:var(--text-primary)!important;opacity:1!important}[data-theme=computer] ::-webkit-scrollbar{width:8px}[data-theme=computer] ::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:0}[data-theme=computer] ::-webkit-scrollbar-thumb:hover{background:var(--color-cyber-blue);box-shadow:0 0 5px #0088ff80}@keyframes bootSequence{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=computer] .fade-in-up{animation:bootSequence .4s ease-out forwards}[data-theme=computer] input,[data-theme=computer] textarea{border-radius:0;border:2px solid var(--border-primary);background:var(--bg-elevated);color:var(--text-primary);font-family:Inconsolata,monospace}[data-theme=computer] input:focus,[data-theme=computer] textarea:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 2px var(--accent-glow)}[data-theme=computer] ::selection{background:#0088ff4d;color:var(--color-cyber-blue);text-shadow:0 0 5px rgba(0,136,255,.5)}@media(prefers-reduced-motion:reduce){[data-theme=computer] body:before,[data-theme=computer] body:after,[data-theme=computer] h1:after,[data-theme=computer] h2:after{animation:none!important}}.nav[data-astro-cid-ymhdp2rl]{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);background:var(--bg-blur);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border-bottom:1px solid var(--border-primary);height:var(--header-height);transition:all var(--transition-normal)}.nav-container[data-astro-cid-ymhdp2rl]{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.nav-logo[data-astro-cid-ymhdp2rl]{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast);letter-spacing:-.022em}.nav-logo[data-astro-cid-ymhdp2rl] svg[data-astro-cid-ymhdp2rl]{color:var(--accent);transition:all var(--transition-normal)}.nav-logo[data-astro-cid-ymhdp2rl] svg[data-astro-cid-ymhdp2rl] circle[data-astro-cid-ymhdp2rl]{fill:currentColor}.nav-logo[data-astro-cid-ymhdp2rl]:hover{opacity:.8;transform:translateY(-1px)}.nav-logo[data-astro-cid-ymhdp2rl]:hover svg[data-astro-cid-ymhdp2rl]{transform:scale(1.1)}[data-theme=computer] .nav-logo[data-astro-cid-ymhdp2rl] svg[data-astro-cid-ymhdp2rl]{color:var(--text-primary)}[data-theme=computer] .nav-logo[data-astro-cid-ymhdp2rl] svg[data-astro-cid-ymhdp2rl] circle[data-astro-cid-ymhdp2rl]{fill:var(--text-primary)}[data-theme=computer] .nav-logo[data-astro-cid-ymhdp2rl] svg[data-astro-cid-ymhdp2rl] circle[data-astro-cid-ymhdp2rl]:nth-child(1){opacity:.3!important}[data-theme=computer] .nav-logo[data-astro-cid-ymhdp2rl] svg[data-astro-cid-ymhdp2rl] circle[data-astro-cid-ymhdp2rl]:nth-child(2){opacity:.5!important}[data-theme=computer] .nav-logo[data-astro-cid-ymhdp2rl] svg[data-astro-cid-ymhdp2rl] circle[data-astro-cid-ymhdp2rl]:nth-child(3){opacity:.7!important}[data-theme=computer] .nav-logo[data-astro-cid-ymhdp2rl] svg[data-astro-cid-ymhdp2rl] circle[data-astro-cid-ymhdp2rl]:nth-child(4){opacity:1!important}.nav-links[data-astro-cid-ymhdp2rl]{display:flex;align-items:center;gap:var(--space-1);list-style:none}.nav-link[data-astro-cid-ymhdp2rl]{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);position:relative;letter-spacing:-.011em;border:1px solid transparent}.nav-link[data-astro-cid-ymhdp2rl]:hover,.nav-link[data-astro-cid-ymhdp2rl].active{color:var(--text-primary);background:var(--bg-glass);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border-color:var(--border-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.nav-link[data-astro-cid-ymhdp2rl].active{background:var(--bg-glass-strong);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.nav-cta[data-astro-cid-ymhdp2rl]{display:flex;align-items:center;gap:var(--space-3)}@media(max-width:768px){.nav-links[data-astro-cid-ymhdp2rl],.nav-logo[data-astro-cid-ymhdp2rl] span[data-astro-cid-ymhdp2rl]{display:none}.nav-cta[data-astro-cid-ymhdp2rl]{gap:var(--space-2)}}@media(max-width:480px){.nav-container[data-astro-cid-ymhdp2rl]{padding:0 var(--space-4)}}.footer[data-astro-cid-sz7xmlte]{background:var(--bg-secondary);border-top:1px solid var(--border-primary);margin-top:var(--space-24);position:relative;overflow:hidden}.footer[data-astro-cid-sz7xmlte]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,var(--accent-soft) 0%,transparent 50%);pointer-events:none;opacity:.5}.footer-container[data-astro-cid-sz7xmlte]{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);position:relative;z-index:1}.footer-content[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-12);padding:var(--space-20) 0 var(--space-12)}.footer-brand[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:var(--space-3)}.brand-logo[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:.5rem;font-weight:650;font-size:1.0625rem;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2)}.logo-dot[data-astro-cid-sz7xmlte]{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-bright));transition:transform var(--transition-normal);box-shadow:0 0 8px var(--blue-glow)}.logo-text[data-astro-cid-sz7xmlte]{color:var(--text-primary)}.brand-tagline[data-astro-cid-sz7xmlte]{color:var(--text-secondary);margin:0;font-size:var(--text-sm);line-height:1.6;max-width:280px;font-weight:var(--font-medium);letter-spacing:-.01em}.section-title[data-astro-cid-sz7xmlte]{color:var(--text-primary);margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:600;letter-spacing:-.01em}.footer-links[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer-link[data-astro-cid-sz7xmlte]{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast);line-height:1.5;font-weight:var(--font-medium);letter-spacing:-.01em}.footer-link[data-astro-cid-sz7xmlte]:hover{color:var(--text-primary)}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid var(--border-primary);padding:var(--space-6) 0}.footer-bottom-content[data-astro-cid-sz7xmlte]{display:flex;align-items:center;justify-content:space-between}.copyright[data-astro-cid-sz7xmlte]{margin:0;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:-.01em}.footer-stats[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--font-medium)}.stat[data-astro-cid-sz7xmlte]{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat-divider[data-astro-cid-sz7xmlte]{opacity:.5}@media(max-width:1024px){.footer-content[data-astro-cid-sz7xmlte]{grid-template-columns:1fr 1fr;gap:var(--space-10)}.footer-brand[data-astro-cid-sz7xmlte]{grid-column:1 / -1}}@media(max-width:768px){.footer[data-astro-cid-sz7xmlte]{margin-top:var(--space-16)}.footer-content[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-12) 0 var(--space-8)}.footer-bottom-content[data-astro-cid-sz7xmlte]{flex-direction:column;gap:var(--space-3);text-align:center}.footer-stats[data-astro-cid-sz7xmlte]{justify-content:center}}@media(max-width:480px){.footer-content[data-astro-cid-sz7xmlte]{padding:var(--space-10) 0 var(--space-6)}}.footer-link[data-astro-cid-sz7xmlte]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.logo-dot[data-astro-cid-sz7xmlte],.footer-link[data-astro-cid-sz7xmlte],.footer[data-astro-cid-sz7xmlte]:before{transition:none!important;animation:none!important}}@media(prefers-contrast:high){.footer[data-astro-cid-sz7xmlte],.footer-bottom[data-astro-cid-sz7xmlte]{border-top-width:2px}.footer[data-astro-cid-sz7xmlte]:before{display:none}}