:root{--bg-primary: #0a0a0f;--bg-secondary: #0d0d1a;--bg-tertiary: #12121a;--bg-card: #1a1a2e;--bg-glass: rgba(18, 18, 26, .85);--bg-glass-solid: rgba(18, 18, 26, .97);--text-primary: #e8e8f0;--text-secondary: #a0a0b8;--text-muted: #6b6b80;--accent: #00f5d4;--accent-rgb: 0, 245, 212;--accent-neutral: #c8c8d4;--accent-neutral-rgb: 200, 200, 212;--accent-neutral-dim: rgba(200, 200, 212, .12);--accent-dim: rgba(0, 245, 212, .12);--accent-dim-strong: rgba(0, 245, 212, .2);--accent-glow: rgba(0, 245, 212, .25);--accent-glow-strong: rgba(0, 245, 212, .4);--accent-gradient: linear-gradient(135deg, #00f5d4, #c8c8d4);--border: rgba(255, 255, 255, .06);--border-accent: rgba(0, 245, 212, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--shadow-accent: 0 4px 24px rgba(0, 245, 212, .08);--bg-gradient-1: rgba(200, 200, 212, .03);--bg-gradient-2: rgba(0, 245, 212, .03);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-full: 999px;--max-width: 1000px;--nav-height: 60px;--section-py: 80px;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Playfair Display", Georgia, serif;--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}.light{--bg-primary: #faf7f2;--bg-secondary: #ffffff;--bg-tertiary: #f0ece6;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .9);--bg-glass-solid: rgba(255, 255, 255, .98);--text-primary: #1c1c1c;--text-secondary: #5c5c5c;--text-muted: #8c8c8c;--accent: #00a884;--accent-rgb: 0, 168, 132;--accent-neutral: #b8b8c8;--accent-neutral-rgb: 184, 184, 200;--accent-neutral-dim: rgba(184, 184, 200, .15);--accent-dim: rgba(0, 168, 132, .1);--accent-dim-strong: rgba(0, 168, 132, .18);--accent-glow: rgba(0, 168, 132, .12);--accent-glow-strong: rgba(0, 168, 132, .2);--accent-gradient: linear-gradient(135deg, #00a884, #b8b8c8);--border: rgba(0, 0, 0, .1);--border-accent: rgba(0, 168, 132, .25);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .1);--shadow-accent: 0 4px 24px rgba(0, 168, 132, .1);--bg-gradient-1: rgba(200, 200, 212, .06);--bg-gradient-2: rgba(0, 168, 132, .05)}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}@media(max-width:768px){:root{--section-py: 48px;--nav-height: 56px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}body{font-family:var(--font-sans);background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 50%,var(--bg-gradient-1) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,var(--bg-gradient-2) 0%,transparent 50%);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent)}img{max-width:100%;display:block}::selection{background:var(--accent-dim-strong);color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary);border-left:1px solid var(--border-accent)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),transparent 80%);border-radius:4px;border:1px solid var(--border-accent)}::-webkit-scrollbar-thumb:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal-stagger.visible{opacity:1;transform:translateY(0)}.reveal-slide-right{opacity:0;transform:translate(-20px);transition:opacity .5s ease,transform .5s ease}.reveal-slide-right.visible{opacity:1;transform:translate(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px var(--accent-dim)}}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:var(--border-accent)}50%{border-color:var(--accent)}}@keyframes borderPulseDash{0%,to{border-color:var(--border-accent);box-shadow:0 0 8px var(--accent-glow)}50%{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow-strong)}}.page-enter{animation:pageFadeIn .8s ease forwards}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tagPulse{0%,to{border-color:var(--border);color:var(--text-secondary);background:var(--bg-glass)}50%{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(var(--accent-rgb),.3) 0%,transparent 60%);opacity:0;pointer-events:none;animation:rippleAnim .5s ease-out}@keyframes rippleAnim{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim),var(--accent-gradient),var(--accent-dim),transparent);opacity:.4;max-width:var(--max-width);margin:0 auto}