:root{--bg-color:#060608;--bg-gradient:radial-gradient(circle at 50% 50%, #0a0b12 0%, #060608 100%);--card-bg:#ffffff03;--card-border:#ffffff0a;--card-hover-border:#10b98126;--primary-glow:#10b981;--secondary-glow:#38bdf8;--accent-color:#10b981;--accent-color-rgb:16, 185, 129;--cyber-blue-rgb:56, 189, 248;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00e6764d}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:600}.glow-text{text-shadow:0 0 20px rgba(var(--accent-color-rgb), .2)}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);transition:var(--transition-smooth);border-radius:8px;padding:24px}.glass-card:hover{border-color:var(--card-hover-border);background:#ffffff0a}.btn{font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-color);border:1px solid var(--text-primary)}.btn-primary:hover{color:var(--text-primary);background:0 0;box-shadow:0 0 20px #ffffff1a}.btn-outline{color:var(--text-primary);border:1px solid var(--card-border);background:0 0}.btn-outline:hover{border-color:var(--accent-color);box-shadow:0 0 20px rgba(var(--accent-color-rgb), .15)}.btn-icon{color:#060608;background:var(--accent-color);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #10b98133}.btn-icon:hover{color:#060608;background:#34d399;transform:translateY(-2px);box-shadow:0 4px 15px #10b98173}.mesh-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff02 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:fixed;top:0;left:0}.mesh-grid:after{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), rgba(var(--accent-color-rgb), .04) 0%, transparent 60%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.flex-center{justify-content:center;align-items:center;display:flex}.text-gradient{background:linear-gradient(135deg, #fff 40%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg, #fff 40%, var(--secondary-glow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.mobile-header{-webkit-backdrop-filter:blur(12px);z-index:999;background:#060608bf;border-bottom:1px solid #ffffff0d;justify-content:flex-end;align-items:center;width:100%;padding:16px 24px;display:flex;position:fixed;top:0;left:0}.app-container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.desktop-sidebar{display:none}.sticky-hero-profile{text-align:left;flex-direction:column;gap:32px;margin-top:60px;padding:40px 0;display:flex}.main-content{width:100%}@media (width>=1024px){.app-container{grid-template-columns:180px 340px 1fr;gap:48px;padding:0 24px;display:grid}.mobile-header{display:none!important}.desktop-sidebar{z-index:100;border-right:1px solid #ffffff0a;flex-direction:column;justify-content:space-between;height:100vh;padding:60px 0 20px;display:flex;position:sticky;top:0}#hero{z-index:99;height:100vh;position:sticky;top:0}.sticky-hero-profile{border-right:1px solid #ffffff0a;flex-direction:column;justify-content:space-between;height:100%;margin-top:0;padding:60px 24px 60px 0;display:flex}.main-content{padding:0;overflow-y:visible}.footer-nav,.footer-social{display:none!important}}.collapse-btn-desktop{display:none!important}.collapse-btn-desktop:hover{transform:scale(1.08);color:#060608!important;background-color:#fff!important;box-shadow:0 0 15px #00e67680!important}@media (width>=1024px){.app-container{grid-template-columns:180px 340px 1fr;column-gap:48px;padding:0 24px;transition:grid-template-columns .5s cubic-bezier(.16,1,.3,1),column-gap .5s cubic-bezier(.16,1,.3,1);display:grid!important}.app-container.middle-collapsed{grid-template-columns:180px 0 1fr;column-gap:24px}.collapse-btn-desktop{display:flex!important}.middle-collapsed .main-content section,.middle-collapsed .main-content footer,.middle-collapsed .scroll-highlight-container{max-width:850px!important;margin-left:auto!important;margin-right:auto!important}.middle-collapsed .projects-grid{grid-template-columns:1fr 1fr!important}}.mobile-only-section{display:flex!important}.desktop-hero-column{display:none!important}@media (width>=1024px){.mobile-only-section{display:none!important}.desktop-hero-column{display:block!important}}.mobile-menu-overlay{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#060608f5;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}@media (width<=767px){.timeline-bubble{border-width:1px!important;width:44px!important;height:44px!important}.timeline-line{left:21px!important}.timeline-bubble svg{width:16px!important;height:16px!important}}@media (width<=1023px){.scroll-highlight-container{text-align:center!important;align-items:center!important;margin:0 auto!important;padding-left:0!important}.scroll-highlight-container>div{text-align:center!important;align-items:center!important}}@keyframes wave-move-1{0%{transform:translate(0,0)scaleY(1)}50%{transform:translate(-25%)scaleY(.9)}to{transform:translate(-50%)scaleY(1)}}@keyframes wave-move-2{0%{transform:translate(-50%)scaleY(.95)}50%{transform:translate(-25%)scaleY(1.1)}to{transform:translate(0,0)scaleY(.95)}}.about-section-wrapper{margin-top:160px}@media (width<=1024px){.about-section-wrapper{margin-top:20px}}.project-detail-content::-webkit-scrollbar{width:6px}.project-detail-content::-webkit-scrollbar-track{background:#ffffff03;border-radius:3px}.project-detail-content::-webkit-scrollbar-thumb{background:var(--accent-color);border:1px solid #10b9811a;border-radius:3px}.project-detail-content::-webkit-scrollbar-thumb:hover{background:#34d399}.section-padding{padding:80px 0}@media (width<=768px){.section-padding{padding:40px 0}}.stats-counters-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.stat-counter-card{transition:all .2s}@media (width<=480px){.stats-counters-grid{gap:10px}.stat-counter-card{gap:8px!important;padding:12px 10px!important}.stat-counter-card .stat-icon-wrapper{width:32px!important;height:32px!important}.stat-counter-card .stat-icon-wrapper svg{width:14px!important;height:14px!important}.stat-counter-card .stat-number{font-size:1.25rem!important}.stat-counter-card .stat-label{line-height:1.2;font-size:.68rem!important}}