:root{--bg-color:#0b0c10;--bg-grid:#ffffff05;--card-bg:#12141da6;--card-hover-bg:#1a1d29cc;--border-color:#ffffff12;--border-hover:#00f2fe59;--text-main:#b4b9c7;--text-highlight:#fff;--text-muted:#6e7687;--primary-accent:#00f2fe;--secondary-accent:#4facfe;--neon-purple:#8e2de2;--neon-pink:#f000ff;--grad-primary:linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--grad-purple:linear-gradient(135deg, #8e2de2 0%, #4a00e0 100%);--grad-pink:linear-gradient(135deg, #f000ff 0%, #7b00ff 100%);--grad-dark-card:linear-gradient(180deg, #191c2966 0%, #0d0f1666 100%);--glow-primary:0 0 20px #00f2fe33;--glow-purple:0 0 20px #8e2de240;--glow-card-hover:0 10px 30px -10px #000000b3, 0 0 15px #00f2fe14;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #0009;--shadow-lg:0 16px 40px #000000b3;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=emerald]{--primary-accent:#10b981;--secondary-accent:#059669;--grad-primary:linear-gradient(135deg, #10b981 0%, #059669 100%);--border-hover:#10b98159;--glow-primary:0 0 20px #10b98140;--glow-card-hover:0 10px 30px -10px #000000b3, 0 0 15px #10b98114}:root[data-theme=cyberpunk]{--primary-accent:#ff007f;--secondary-accent:#7b00ff;--grad-primary:linear-gradient(135deg, #ff007f 0%, #7b00ff 100%);--border-hover:#ff007f59;--glow-primary:0 0 20px #ff007f40;--glow-card-hover:0 10px 30px -10px #000000b3, 0 0 15px #ff007f14}:root[data-theme=amber]{--primary-accent:#f59e0b;--secondary-accent:#d97706;--grad-primary:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--border-hover:#f59e0b59;--glow-primary:0 0 20px #f59e0b40;--glow-card-hover:0 10px 30px -10px #000000b3, 0 0 15px #f59e0b14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);z-index:-2;pointer-events:none;background-position:50%;background-size:50px 50px;width:100vw;height:100vh;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#00f2fe0d 0%,#0000 70%);width:50vw;height:50vw;position:fixed;top:-10%;right:-10%}.ambient-glow-2{z-index:-1;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#8e2de20a 0%,#0000 70%);width:50vw;height:50vw;position:fixed;bottom:-10%;left:-10%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0c1080}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);border:2px solid var(--bg-color);transition:var(--transition-fast);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#00f2fe66}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-highlight);font-weight:700;line-height:1.2}p{line-height:1.6}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), background-color var(--transition-normal);position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff03 20%,#ffffff0f 60%,#0000 100%);width:100%;height:100%;transition:none;position:absolute;top:0;left:-100%}.glass-card:hover:before{transition:left .8s ease-in-out;left:100%}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--glow-card-hover);background-color:var(--card-hover-bg);transform:translateY(-5px)}.btn-premium{border-radius:var(--radius-full);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-normal);border:1px solid #0000;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--grad-primary);color:#0b0c10;box-shadow:var(--glow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f2fe66}.btn-secondary{color:var(--text-highlight);border:1px solid var(--border-color);background:#ffffff0d}.btn-secondary:hover{border-color:var(--text-highlight);background:#ffffff1a;transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section-title{text-align:center;margin-bottom:50px;font-size:38px;position:relative}.section-title span{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-title:after{content:"";background:var(--grad-primary);border-radius:var(--radius-full);width:50px;height:3px;margin:15px auto 0;display:block}@keyframes pulseGlow{0%,to{opacity:.8}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-element{animation:6s ease-in-out infinite float}@media (width<=768px){.section{padding:60px 0}.section-title{font-size:28px}}.nebula-blob{border-radius:var(--radius-full);filter:blur(120px);z-index:-1;pointer-events:none;opacity:.22;position:fixed}.nebula-blob-1{background:radial-gradient(circle,#00f2fe1f 0%,#0000 70%);width:45vw;height:45vw;animation:25s ease-in-out infinite alternate floatNebula1;top:-15%;right:-10%}.nebula-blob-2{background:radial-gradient(circle,#8e2de214 0%,#0000 70%);width:35vw;height:35vw;animation:20s ease-in-out infinite alternate floatNebula2;bottom:-10%;left:-5%}.nebula-blob-3{background:radial-gradient(circle,#f59e0b0d 0%,#0000 70%);width:40vw;height:40vw;animation:30s ease-in-out infinite alternate floatNebula3;top:40%;left:30%}@keyframes floatNebula1{0%{transform:translate(0)scale(1)}to{transform:translate(-80px,80px)scale(1.15)}}@keyframes floatNebula2{0%{transform:translate(0)scale(1)}to{transform:translate(60px,-60px)scale(1.2)}}@keyframes floatNebula3{0%{transform:translate(0)scale(1)}to{transform:translate(-100px,-40px)scale(.9)}}.scroll-top-progress{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);cursor:pointer;z-index:999;opacity:0;width:46px;height:46px;transition:opacity .4s var(--transition-normal), transform .4s var(--transition-normal), border-color .3s;box-shadow:var(--shadow-md);background:#12141dd9;justify-content:center;align-items:center;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px)scale(.8)}.scroll-top-progress.visible{opacity:1;transform:translateY(0)scale(1)}.scroll-top-progress:hover{border-color:var(--primary-accent);box-shadow:var(--glow-primary);transform:translateY(-3px)scale(1.05)}.scroll-top-progress svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.scroll-top-progress circle{fill:none;stroke-width:2px}.scroll-top-progress .progress-bg{stroke:#ffffff08}.scroll-top-progress .progress-bar{stroke:var(--primary-accent);stroke-linecap:round;transition:stroke-dashoffset .1s}.scroll-top-arrow{color:var(--text-highlight);z-index:2;font-size:15px;transition:transform .3s;position:relative}.scroll-top-progress:hover .scroll-top-arrow{color:var(--primary-accent);transform:translateY(-2px)}.custom-cursor-dot{background-color:var(--primary-accent);border-radius:var(--radius-full);pointer-events:none;z-index:10000;width:6px;height:6px;box-shadow:0 0 8px var(--primary-accent);transition:background-color .3s,transform .2s;display:block;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-trail{border:1.5px solid var(--primary-accent);border-radius:var(--radius-full);pointer-events:none;z-index:9999;width:28px;height:28px;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),background-color .3s,border-color .3s,box-shadow .3s;display:block;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 15px #00f2fe26}.custom-cursor-trail.hovering{border-color:var(--primary-accent);width:50px;height:50px;box-shadow:var(--glow-primary);background-color:#00f2fe0f}@media (width>=992px){html,body,a,button,.timeline-item,.code-interactive-line,.tab-btn,.theme-switcher-btn,.copy-btn,.social-badge-card{cursor:none!important}}@media (width<=991px){.custom-cursor-dot,.custom-cursor-trail{display:none!important}}.reveal-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.timeline-item.active-item .timeline-badge-node:before{content:"";border:1px solid var(--primary-accent);border-radius:50%;animation:1.5s cubic-bezier(.25,0,0,1) infinite pulseNodeRing;position:absolute;inset:-6px}@keyframes pulseNodeRing{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.top-scroll-indicator{background:var(--grad-primary);z-index:1100;height:3px;box-shadow:0 0 10px var(--primary-accent);pointer-events:none;transition:width .1s ease-out;position:fixed;top:0;left:0}.glow-ripple-wave{border-radius:var(--radius-full);pointer-events:none;z-index:9998;background:radial-gradient(circle,#00f2fe73 0%,#8e2de21f 50%,#0000 70%);width:10px;height:10px;animation:.8s cubic-bezier(.1,.8,.3,1) forwards rippleGlowOut;position:fixed;transform:translate(-50%,-50%)scale(1)}@keyframes rippleGlowOut{0%{opacity:1;width:10px;height:10px;transform:translate(-50%,-50%)scale(1)}to{opacity:0;width:220px;height:220px;transform:translate(-50%,-50%)scale(1.6)}}@media (width<=991px){.glass-card:active{transform:scale(.985);border-color:var(--primary-accent)!important;box-shadow:var(--glow-primary)!important}.btn-premium:active{transform:scale(.96)!important}.social-badge-card:active{transform:scale(.95)!important}.tab-btn:active{transform:scale(.97)!important}.theme-switcher-btn:active{transform:scale(.9)rotate(-15deg)!important}}