:root{--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Space Grotesk", sans-serif;--transition: .5s cubic-bezier(.4, 0, .2, 1);--era-bg-0: #0a0a12;--era-bg-1: #0a0a0f;--era-accent-0: #00FF41;--era-accent-1: #ff8800}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:#0a0a0f;color:#f0f0f0;overflow-x:hidden;line-height:1.6;transition:background 1.5s ease}::selection{background:#00ff41;color:#000}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;transition:background 1.8s cubic-bezier(.4,0,.2,1);background:radial-gradient(ellipse at 50% 50%,#0a0a12,#08081a)}.ambient-glow{position:fixed;width:500px;height:500px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(0,255,65,.06) 0%,transparent 60%);transform:translate(-50%,-50%);transition:opacity .3s ease;will-change:left,top}.progress-top{position:fixed;top:0;left:0;right:0;z-index:200;height:3px;background:transparent}.progress-top-fill{height:100%;width:0%;background:linear-gradient(90deg,#00ff41,#00e5ff,#8b5cf6);transition:width .1s linear;box-shadow:0 0 20px #00ff414d}.particle-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.particle{position:absolute;pointer-events:none;opacity:0;animation:particleFloat linear infinite;will-change:transform}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0) rotate(0);opacity:0}10%{opacity:var(--p-opacity, .3)}85%{opacity:var(--p-opacity, .3)}to{transform:translateY(-10vh) scale(1) rotate(720deg);opacity:0}}.particle.diamond{border-radius:2px;transform:rotate(45deg)!important;animation-name:particleFloatDiamond!important}@keyframes particleFloatDiamond{0%{transform:translateY(100vh) rotate(0) scale(0);opacity:0}10%{opacity:var(--p-opacity, .2)}85%{opacity:var(--p-opacity, .2)}to{transform:translateY(-10vh) rotate(360deg) scale(1);opacity:0}}.scroll-track{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:100;width:3px;height:200px;background:#ffffff0f;border-radius:2px}.scroll-thumb{width:100%;height:30px;background:linear-gradient(to bottom,#00ff41,#00e5ff);border-radius:2px;transition:height .3s ease}.era-indicator{position:fixed;left:24px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px}.era-label{font-family:var(--font-mono);font-size:13px;font-weight:700;color:#555;transition:var(--transition)}.era-dots{display:flex;flex-direction:column;gap:6px}.era-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1f;transition:var(--transition);cursor:pointer}.era-dot.active{background:#00ff41;box-shadow:0 0 12px #00ff4166;transform:scale(1.3)}.sections{position:relative;z-index:1}.era-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;opacity:.2;filter:blur(4px) saturate(.5);transform:scale(.9);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1),filter .9s cubic-bezier(.4,0,.2,1)}.era-section.visible{opacity:1;filter:blur(0px) saturate(1);transform:scale(1)}.section-inner{max-width:720px;width:100%;text-align:center;position:relative}.time-stamp{font-family:var(--font-mono);font-size:14px;color:#555;margin-bottom:16px;letter-spacing:4px;transition:var(--transition)}.hero-title{font-family:var(--font-display);font-size:clamp(48px,9vw,96px);font-weight:800;line-height:1.05;margin-bottom:16px;letter-spacing:-2px}.hero-title .gradient-text{background:linear-gradient(135deg,#00ff41,#00e5ff,#8b5cf6,#00ff41);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-sub{font-size:clamp(18px,2.5vw,28px);color:#888;font-weight:400;margin-bottom:16px}.hero-desc{font-size:15px;color:#555;line-height:1.7}.scroll-hint{margin-top:48px;font-family:var(--font-mono);font-size:12px;color:#444;animation:bounceScroll 2s ease-in-out infinite}@keyframes bounceScroll{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:1}}.era-badge{display:inline-block;padding:6px 18px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:3px;margin-bottom:20px;font-family:var(--font-mono);transition:var(--transition)}.era-badge[data-era="1"]{background:#ff88001a;color:#f80;border:1px solid rgba(255,136,0,.2)}.era-badge[data-era="2"],.era-badge[data-era="3"]{background:#4488ff1a;color:#48f;border:1px solid rgba(68,136,255,.2)}.era-badge[data-era="4"]{background:#ff6b9d1a;color:#ff6b9d;border:1px solid rgba(255,107,157,.2)}.era-badge[data-era="5"]{background:#ffd7001a;color:gold;border:1px solid rgba(255,215,0,.2)}.era-badge[data-era="6"],.era-badge[data-era="7"]{background:#00ff411a;color:#00ff41;border:1px solid rgba(0,255,65,.2)}.era-title{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1;margin-bottom:20px;transition:color .8s ease}.neon-text{background:linear-gradient(90deg,#00ff41,#00e5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.era-content{margin-bottom:16px}.era-content p{font-size:16px;color:#aaa;margin-bottom:4px}.era-desc{font-size:15px!important;color:#777!important;line-height:1.8!important;margin-top:12px!important;max-width:520px;margin-left:auto!important;margin-right:auto!important}.era-stat{font-family:var(--font-mono);font-size:12px;color:#555;margin-top:16px;padding:8px 16px;border:1px solid rgba(255,255,255,.06);border-radius:100px;display:inline-block}.projects-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0}.proj-chip{padding:8px 16px;border-radius:100px;font-size:13px;font-weight:500;background:#00ff410f;border:1px solid rgba(0,255,65,.15);color:#ccc;cursor:pointer;transition:var(--transition)}.proj-chip:hover{background:#00ff4126;border-color:#00ff41;color:#00ff41;transform:translateY(-2px)}.ai-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;color:#555;margin-top:16px}.ai-stats span{padding:6px 12px;border:1px solid rgba(255,255,255,.06);border-radius:100px}.contact-grid{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0}.contact-btn{padding:12px 28px;border-radius:100px;font-size:14px;font-weight:600;text-decoration:none;transition:var(--transition);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ccc}.contact-btn:hover{border-color:#00ff41;color:#00ff41;background:#00ff4114;transform:translateY(-2px)}.final-quote{font-size:18px;color:#666;font-style:italic;line-height:1.6;margin-top:40px;font-family:var(--font-display)}@media(max-width:600px){.era-indicator{display:none}.scroll-track{right:8px;height:120px}.era-section{padding:40px 16px}.contact-grid,.ai-stats{flex-direction:column;align-items:center}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.era-section.visible .time-stamp{animation:fadeUp .6s ease both}.era-section.visible .era-badge{animation:fadeUp .6s ease .1s both}.era-section.visible .era-title{animation:fadeUp .6s ease .2s both}.era-section.visible .era-content{animation:fadeUp .6s ease .3s both}.era-section.visible .era-stat,.era-section.visible .projects-strip,.era-section.visible .ai-stats,.era-section.visible .contact-grid,.era-section.visible .final-quote{animation:fadeUp .6s ease .4s both}