:root,[data-theme=light]{--color-bg-primary:#f8fafc;--color-bg-secondary:#f1f5f9;--color-bg-tertiary:#e2e8f0;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-surface-elevated:#fff;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#f8fafc;--color-accent:#0284c7;--color-accent-hover:#0369a1;--color-accent-light:#e0f2fe;--color-accent-glow:#0284c726;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#d97706;--color-error:#dc2626;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-terminal-bg:#f0f4f8;--color-terminal-text:#1e293b;--color-terminal-prompt:#0369a1;--color-terminal-success:#15803d;--color-terminal-error:#dc2626;--color-terminal-comment:#64748b;--color-terminal-header:#e2e8f0;--color-terminal-border:#00000014;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-glow:0 0 20px var(--color-accent-glow);--color-card-bg:#fff;--color-card-border:#e2e8f0}[data-theme=dark]{--color-bg-primary:#0b0f1a;--color-bg-secondary:#111827;--color-bg-tertiary:#1e293b;--color-surface:#151c2c;--color-surface-hover:#1e293b;--color-surface-elevated:#1a2332;--color-text-primary:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-inverse:#0f172a;--color-accent:#38bdf8;--color-accent-hover:#7dd3fc;--color-accent-light:#38bdf81a;--color-accent-glow:#38bdf840;--color-success:#4ade80;--color-success-light:#4ade801a;--color-warning:#fbbf24;--color-error:#f87171;--color-border:#1e293b;--color-border-hover:#334155;--color-terminal-bg:#0a0e17;--color-terminal-text:#e2e8f0;--color-terminal-prompt:#22d3ee;--color-terminal-success:#4ade80;--color-terminal-error:#f87171;--color-terminal-comment:#475569;--color-terminal-header:#0000004d;--color-terminal-border:#ffffff0d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 0 0 1px #ffffff08;--shadow-lg:0 10px 15px -3px #00000080, 0 0 0 1px #ffffff08;--shadow-glow:0 0 30px var(--color-accent-glow);--color-card-bg:#151c2c;--color-card-border:#1e293b}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/Inter-Bold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2")}:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.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;--leading-tight:1.15;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.025em}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h1{font-size:clamp(var(--text-4xl), 5vw, var(--text-6xl))}h2{font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl))}h3{font-size:clamp(var(--text-xl), 3vw, var(--text-2xl))}code,.mono{font-family:var(--font-mono);font-size:.9em}.section-label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px var(--color-accent-glow)}50%{box-shadow:0 0 20px var(--color-accent-glow), 0 0 40px var(--color-accent-glow)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes rippleExpand{0%{clip-path:circle(0% at var(--ripple-x,50%) var(--ripple-y,50%))}to{clip-path:circle(150% at var(--ripple-x,50%) var(--ripple-y,50%))}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.status-dot{background-color:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;display:inline-block}.cursor{background-color:var(--color-terminal-text);vertical-align:text-bottom;width:8px;height:1.2em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:5rem;overflow-x:hidden}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s,color .3s;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background-color:var(--color-accent);color:var(--color-text-inverse)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (width>=768px){.container{padding:0 2rem}}section{padding:6rem 0;position:relative}@media (width>=768px){section{padding:8rem 0}}@media (width<=767px){:root{--text-xs:.8125rem}code,.mono{font-size:.95em}}@media (width<=640px){.hero-stats{gap:1rem 1.5rem}}@media (width<=400px){.theme-toggle-label{display:none}}@media (height<=600px){.hero-scroll-indicator{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.header,.scroll-progress,.hero-particles,.hero-scroll-indicator,.hero-avatar-terminal picture,.mobile-menu,footer{display:none!important}.reveal,.hero-main{opacity:1!important;transform:none!important}body{color:#1a1a2e!important;background:#fff!important}section{padding:2rem 0!important}.hero{min-height:auto!important;padding:2rem 0!important}.hero-terminal,.about-card,.tf-output,.terminal{color:#1a1a2e!important;box-shadow:none!important;background:#f5f5f5!important;border:1px solid #ccc!important}a{color:#1a1a2e!important;text-decoration:underline!important}*{box-shadow:none!important}}.skip-link{z-index:200;background:var(--color-accent);color:#fff;font-size:var(--text-sm);border-radius:0 0 6px 6px;padding:.5rem 1rem;transition:top .2s;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:0}.cmd-palette-overlay{z-index:500;backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:flex-start;padding-top:20vh;transition:opacity .15s;display:flex;position:fixed;inset:0}.cmd-palette-overlay[aria-hidden=false]{opacity:1;pointer-events:auto}.cmd-palette{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:90%;max-width:480px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.cmd-input-wrap{border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.cmd-icon{color:var(--color-text-tertiary);font-size:1.1rem}.cmd-input{font-family:var(--font-sans);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.cmd-input::placeholder{color:var(--color-text-tertiary)}.cmd-esc{font-family:var(--font-mono);background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:4px;padding:.2rem .4rem;font-size:.65rem}.cmd-results{max-height:300px;padding:.25rem 0;list-style:none;overflow-y:auto}.cmd-item{cursor:pointer;justify-content:space-between;align-items:center;padding:.6rem 1rem;transition:background .1s;display:flex}.cmd-item:hover,.cmd-item.active{background:var(--color-accent-light)}.cmd-item-label{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.cmd-item-desc{color:var(--color-text-tertiary);font-size:.75rem}