:root{--bg-void: #020818;--bg-primary: #050b1a;--bg-secondary: #0a1128;--bg-card: #0d1733;--bg-card-hover: #112044;--blue-deep: #0033aa;--blue-primary: #0055ff;--blue-bright: #0077ff;--blue-light: #3399ff;--blue-glow: #0088ff;--blue-pale: #66bbff;--cyan: #00ccff;--cyan-glow: #00eeff;--text-primary: #e8ecf4;--text-secondary: #7b8ba8;--text-muted: #4a5568;--text-accent: #99bbdd;--border: rgba(0, 85, 255, .12);--border-hover: rgba(0, 85, 255, .3);--glow-sm: 0 0 10px rgba(0, 85, 255, .3);--glow-md: 0 0 20px rgba(0, 85, 255, .25), 0 0 40px rgba(0, 85, 255, .1);--glow-lg: 0 0 30px rgba(0, 85, 255, .3), 0 0 60px rgba(0, 85, 255, .15), 0 0 100px rgba(0, 85, 255, .05);--glow-cyan: 0 0 20px rgba(0, 204, 255, .3), 0 0 40px rgba(0, 204, 255, .1);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--section-pad: clamp(40px, 5vh, 70px);--container-width: 1200px;--container-pad: clamp(20px, 4vw, 60px);--nav-bg-scrolled: rgba(5, 8, 22, .85);--overlay-bg: rgba(2, 8, 24, .95);--logo-from: #fff;--logo-to: #66bbff;--hamburger-color: #e8ecf4;--skill-bar-track: rgba(255, 255, 255, .04);--card-shadow: none;--noise-opacity: .025;--footer-name-from: rgba(232, 236, 244, .08);--footer-name-to: rgba(0, 119, 255, .1);--code-keyword: #0088ff;--code-variable: #00ccff;--code-property: #66bbff;--code-string: #00ff88;--code-number: #ff9944;--code-comment: #7b8ba8;--code-dim: #4a5568;--project-gradient-1: linear-gradient(135deg, #001a66, #003399);--project-gradient-2: linear-gradient(135deg, #00001a, #001133);--project-gradient-3: linear-gradient(135deg, #001a4d, #002266);--project-gradient-4: linear-gradient(135deg, #001133, #002255)}[data-theme=light]{--bg-void: #f0f2f7;--bg-primary: #ffffff;--bg-secondary: #f5f7fc;--bg-card: #ffffff;--bg-card-hover: #f0f4ff;--blue-deep: #003399;--blue-primary: #0055ff;--blue-bright: #0066ee;--blue-light: #0055cc;--blue-glow: #0066dd;--blue-pale: #3366aa;--cyan: #0088aa;--cyan-glow: #0099bb;--text-primary: #1a1a2e;--text-secondary: #4a5568;--text-muted: #94a3b8;--text-accent: #2d4a6f;--border: rgba(0, 55, 140, .1);--border-hover: rgba(0, 85, 255, .25);--glow-sm: 0 2px 8px rgba(0, 85, 255, .06);--glow-md: 0 4px 16px rgba(0, 85, 255, .08), 0 2px 8px rgba(0, 0, 0, .04);--glow-lg: 0 8px 32px rgba(0, 85, 255, .1), 0 4px 16px rgba(0, 0, 0, .06);--glow-cyan: 0 4px 16px rgba(0, 136, 170, .08), 0 2px 8px rgba(0, 0, 0, .04);--nav-bg-scrolled: rgba(255, 255, 255, .85);--overlay-bg: rgba(255, 255, 255, .95);--logo-from: #1a1a2e;--logo-to: #0055ff;--hamburger-color: #1a1a2e;--skill-bar-track: rgba(0, 85, 255, .06);--card-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--noise-opacity: 0;--footer-name-from: rgba(26, 26, 46, .06);--footer-name-to: rgba(0, 85, 255, .08);--code-keyword: #0066cc;--code-variable: #0077aa;--code-property: #0055aa;--code-string: #008844;--code-number: #cc6600;--code-comment: #6b7b98;--code-dim: #5a6a7e;--project-gradient-1: linear-gradient(135deg, #e8eeff, #d0e0ff);--project-gradient-2: linear-gradient(135deg, #e0f0ff, #cce4ff);--project-gradient-3: linear-gradient(135deg, #e6f0ff, #d4e4ff);--project-gradient-4: linear-gradient(135deg, #e4edff, #d0e0ff)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--blue-primary) var(--bg-void)}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:var(--bg-void)}html::-webkit-scrollbar-thumb{background:var(--blue-primary);border-radius:3px}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:none;margin:0;padding:0;text-align:left}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:var(--blue-primary);color:#fff}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-pad)}.section{padding:var(--section-pad) 0;position:relative;scroll-margin-top:70px}.section-header{text-align:center;margin-bottom:36px}.section-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-light);margin-bottom:8px;display:flex;align-items:center;gap:10px}.section-label:before{content:"";width:24px;height:1px;background:var(--blue-primary)}.section-label-centered{justify-content:center}.section-label-centered:after{content:"";width:24px;height:1px;background:var(--blue-primary)}.section-title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.2;margin-bottom:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--blue-pale) 50%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title-sub{font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:700;line-height:1.2;margin-bottom:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--blue-pale) 50%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{color:var(--text-secondary);max-width:480px;margin:6px auto 0;font-size:.84rem;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-sm)}50%{box-shadow:var(--glow-lg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typewriter-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.noise-overlay{position:fixed;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:9999;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-right.revealed{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.85);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-scale.revealed{opacity:1;transform:scale(1)}@media(max-width:768px){:root{--section-pad: clamp(30px, 4vh, 50px)}}