:root{--bg-primary:#0a0a0a;--bg-secondary:#0f0f0f;--bg-elevated:#141414;--text-primary:#fff;--text-secondary:#888;--text-muted:#555;--border:#1a1a1a;--border-light:#2a2a2a;--accent-glow:#ffffff0d;--scroll-fade-strong:#0a0a0aeb;--scroll-fade-soft:#0a0a0a73;--accent-lime:#89f336;--accent-lime-light:#a5f55c;--accent-lime-glow:#89f33626;--headline-glow:0 0 40px #ffffff0a, 0 0 80px #ffffff05, 0 0 150px #ffffff03, 0 0 250px #ffffff01;--font-display:"Bebas Neue", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart:cubic-bezier(.76, 0, .24, 1);--ease-elastic:cubic-bezier(.68, -.55, .265, 1.55);--transition-fast:.15s var(--ease-out-quart);--transition-medium:.3s var(--ease-out-expo);--transition-slow:.5s var(--ease-out-expo);--transition-bounce:.4s var(--ease-elastic)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-elevated:#eee;--text-primary:#0a0a0a;--text-secondary:#666;--text-muted:#999;--border:#e0e0e0;--border-light:#d0d0d0;--accent-glow:#00000008;--scroll-fade-strong:#fffffff5;--scroll-fade-soft:#ffffff85;--accent-lime:#5fb800;--accent-lime-light:#89f336;--accent-lime-glow:#5fb8001f;--headline-glow:0 0 40px #00000008, 0 0 80px #00000004, 0 0 150px #00000002, 0 0 250px #00000001}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-mono);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-medium), color var(--transition-medium);font-size:max(.6875rem,16px);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::selection{background:var(--text-primary);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes borderGlow{0%,to{box-shadow:0 0 0 1px var(--border)}50%{box-shadow:0 0 20px 1px var(--accent-glow)}}@keyframes textReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes lineExpand{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.animate-fade-in{animation:fadeIn .6s var(--ease-out-expo) forwards}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out-expo) forwards}.animate-slide-in-left{animation:slideInLeft .6s var(--ease-out-expo) forwards}.hover-lift{transition:transform var(--transition-medium), box-shadow var(--transition-medium);will-change:transform}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px -12px #0000004d}.hover-scale{transition:transform var(--transition-medium);will-change:transform}.hover-scale:hover{transform:scale(1.02)}.magnetic{transition:transform var(--transition-fast)}.underline-animate{position:relative}.underline-animate:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform var(--transition-medium);background:currentColor;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.underline-animate:hover:after{transform-origin:0;transform:scaleX(1)}.animate-fade-in,.animate-fade-in-up,.animate-slide-in-left{will-change:opacity, transform}section{contain:layout style}.app-wrapper{min-height:100vh;padding-left:50px}@media (width<=968px){.app-wrapper{padding-left:0}}.main-content{position:relative}.main-content:before{content:"";background:linear-gradient(to bottom, var(--scroll-fade-strong) 0%, var(--scroll-fade-soft) 45%, transparent 100%);pointer-events:none;z-index:5;height:150px;position:fixed;top:0;left:50px;right:0}@media (width<=968px){.main-content:before{height:120px;left:0}}.main-content:after{content:"";background:linear-gradient(to top, var(--scroll-fade-strong) 0%, var(--scroll-fade-soft) 45%, transparent 100%);pointer-events:none;z-index:5;height:100px;position:fixed;bottom:0;left:50px;right:0}@media (width<=968px){.main-content:after{height:120px;left:0}}#intro,#projects,#about,#contact,#hero,#info,#overview,#tech,#highlights,#gallery{scroll-margin-top:90px}.section-divider{align-items:center;width:100%;display:flex;position:relative}.section-divider:before,.section-divider:after{content:"";border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex:1;height:14px}.section-divider:before{border-right:none;margin-right:0}.section-divider:after{border-left:none;margin-left:0}.section-divider-inner{background:repeating-linear-gradient(-45deg, var(--border) 0px, var(--border) 1px, transparent 1px, transparent 6px);opacity:.6;border:1px solid var(--border);width:100%;max-width:1400px;height:14px}.content-grid{border-left:1px solid var(--border);border-right:1px solid var(--border);grid-template-columns:1fr 1fr;max-width:1400px;margin:0 auto;display:grid}@media (width<=968px){.content-grid{grid-template-columns:1fr}}.grid-section{background:var(--bg-primary);padding:4rem 3rem}.grid-section:nth-child(odd):not(.full-width){border-right:1px solid var(--border)}.grid-section:last-child{border-bottom:none}@media (width<=968px){.grid-section{padding:3rem 2rem}.grid-section:nth-child(odd):not(.full-width){border-right:none}}.full-width{grid-column:1/-1}.projects-standalone{border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-primary);max-width:1400px;margin:0 auto;padding:4rem 3rem}@media (width<=968px){.projects-standalone{padding:3rem 2rem}}.projects-section{background:var(--bg-primary)}.experience-section{background:var(--bg-secondary)}.stats-section{background:var(--bg-primary)}.about-standalone{border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-primary);max-width:1400px;margin:0 auto}.about-grid{grid-template-columns:1fr 1fr;display:grid}.about-grid>:first-child{border-right:1px solid var(--border);padding:5rem 3rem}.about-grid>:last-child{background:var(--bg-secondary);padding:5rem 3rem}@media (width<=968px){.about-grid{grid-template-columns:1fr}.about-grid>:first-child{border-right:none;padding:3rem 2rem}.about-grid>:last-child{padding:3rem 2rem}}.contact-standalone{border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-primary);max-width:1400px;margin:0 auto;padding:4rem 3rem}@media (width<=968px){.contact-standalone{padding:3rem 2rem}}.section-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary);align-items:center;gap:1rem;margin-bottom:2rem;font-size:1rem;font-weight:400;display:flex;overflow:hidden}.section-label:after{content:"";background:linear-gradient(90deg, var(--border-light), transparent);max-width:100px;height:1px;animation:lineExpand .8s var(--ease-out-expo) forwards;transform-origin:0;flex:1}[data-animate]{opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);transform:translateY(24px)}[data-animate=fade]{transform:none}[data-animate=left]{transform:translate(-20px)}[data-animate=right]{transform:translate(20px)}[data-animate=scale]{transform:scale(.96)}[data-animate].in-view{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-animate]{opacity:1;transition:none;transform:none}}