*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{cursor:default;background:#0a0a0a;font-family:Cinzel,serif;overflow-x:hidden}#epoch-nav{z-index:100;mix-blend-mode:difference;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.nav-dots{flex-direction:column;gap:.75rem;display:flex}.nav-dot{cursor:pointer;background:0 0;border:2px solid #fff9;border-radius:50%;width:10px;height:10px;padding:0;transition:all .4s}.nav-dot.active{background:#fff;border-color:#fff;transform:scale(1.4)}.nav-label{letter-spacing:.2em;color:#fff;writing-mode:vertical-rl;text-orientation:mixed;opacity:.8;text-transform:uppercase;margin-top:.5rem;font-family:Cinzel,serif;font-size:.55rem}.site-header{z-index:110;backdrop-filter:blur(18px);background:#0000004d;border:1px solid #ffffff14;border-radius:.85rem;padding:.65rem 1rem;transition:all .45s;position:fixed;top:1rem;right:1.5rem;box-shadow:0 20px 60px #00000059}.site-header h1{letter-spacing:.32em;text-transform:uppercase;color:#f7f2ff;margin:0;font-family:Cinzel,serif;font-size:1.6rem}.site-header-prehistory{color:#f96;text-shadow:0 0 10px #ff643259;background:#1e0a058c;border-color:#ff643273}.site-header-greece{color:#e0e0e0;text-shadow:0 0 10px #dcdcdc59;background:#14191e8c;border-color:#dcdcdc73}.site-header-medieval{color:#a0b0d0;text-shadow:0 0 10px #5a6b8c59;background:#0a0f148c;border-color:#5a6b8c73}.site-header-discovery{color:#70c0e0;text-shadow:0 0 10px #1e6ea059;background:#050f198c;border-color:#1e6ea073}.site-header-enlightenment{color:#f0e0c0;text-shadow:0 0 10px #e6d2a059;background:#14120a8c;border-color:#e6d2a073}.site-header-intro{color:#f3e8ff;text-shadow:0 0 12px #ad80ff73;background:#0a051e73;border-color:#ad80ff59}.site-header-egypt{color:#f5dfa0;text-shadow:0 0 10px #d4a02859;background:#1e12068c;border-color:#d4a02873}.site-header-rome{color:#f0d5b0;text-shadow:0 0 10px #c8863c59;background:#1e120c8c;border-color:#c8863c73}.site-header-renaissance{color:#f5e8c8;text-shadow:0 0 10px #c8a86459;background:#120e088c;border-color:#c8a86473}.site-header-industrial{color:#e8c8a0;text-shadow:0 0 10px #b4641e59;background:#0f0c0a8c;border-color:#b4641e73}.site-header-modern{color:#c8e0ff;text-shadow:0 0 12px #2864dc59;background:#060c1ea6;border-color:#2864dc73}.site-header-cyber{color:#00e6b4;text-shadow:0 0 16px #00e6b473;background:#020810bf;border-color:#00e6b473}.scroll-hint{z-index:100;opacity:1;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .6s;display:flex;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-hint.hidden{opacity:0}.scroll-text{letter-spacing:.35em;color:#ffffffb3;font-family:Cinzel,serif;font-size:.6rem}.scroll-arrow{background:linear-gradient(#ffffffb3,#0000);width:1px;height:40px;animation:1.8s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.epoch{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.epoch-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .8s;position:absolute;inset:0;transform:scale(1.05)}.epoch:hover .epoch-bg{transform:scale(1)}.epoch-overlay{position:absolute;inset:0}.epoch-content{z-index:10;justify-content:space-between;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:0 auto;padding:6rem 4rem;display:flex;position:relative}.epoch-left{flex:1;max-width:560px}.epoch-right{flex:0 0 280px;justify-content:center;align-items:center;display:flex}.era-tag{letter-spacing:.25em;text-transform:uppercase;border-radius:2px;margin-bottom:1.5rem;padding:.35rem 1rem;font-family:Cinzel,serif;font-size:.7rem;display:inline-block}.epoch-title{margin-bottom:1.5rem;line-height:1.1}.epoch-desc{opacity:.9;max-width:460px;margin-bottom:2.5rem;line-height:1.7}.epoch-details{flex-direction:column;gap:.75rem;display:flex}.detail-item{letter-spacing:.05em;align-items:center;gap:1rem;font-size:.85rem;display:flex}.detail-icon{font-size:1.4rem;line-height:1}.detail-label{min-width:2rem;font-family:Cinzel,serif;font-size:.75rem;font-weight:700}.epoch-content .epoch-left{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.25,1,.5,1);transform:translate(-40px)}.epoch-content .epoch-right{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.25,1,.5,1);transform:translate(40px)}.epoch.in-view .epoch-content .epoch-left,.epoch.in-view .epoch-content .epoch-right{opacity:1;transform:translate(0)}.epoch-intro{background:#030208;justify-content:center;align-items:center}.intro-bg{opacity:.9;background:radial-gradient(at 30%,#1a0a3e 0%,#030208 60%),radial-gradient(at 70%,#0a1a3e 0%,#0000 60%)}.intro-particles{position:absolute;inset:0;overflow:hidden}.particle{width:2px;height:2px;left:var(--x);animation:floatUp var(--dur) var(--delay) infinite ease-in;background:#fff9;border-radius:50%;position:absolute;bottom:-10px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh)translate(20px)}}.intro-content{z-index:10;text-align:center;max-width:760px;padding:2rem;position:relative}.intro-overline{letter-spacing:.5em;color:#b4a0ffcc;text-transform:uppercase;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:.7rem}.intro-title{color:#fff;text-shadow:0 0 60px #8c64ff66;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:1.05}.intro-title em{color:#c8a8ff;font-family:IM Fell English,serif;font-style:italic}.intro-subtitle{color:#ffffffa6;margin-bottom:2.5rem;font-family:IM Fell English,serif;font-size:1.1rem;line-height:1.7}.intro-divider{background:#c8a8ff80;width:60px;height:1px;margin:0 auto 2rem}.intro-years{letter-spacing:.2em;color:#ffffff80;justify-content:center;align-items:center;gap:1.5rem;font-family:Cinzel,serif;font-size:.8rem;display:flex}.years-line{background:linear-gradient(90deg,#0000,#c8a8ff80,#0000);flex:1;max-width:200px;height:1px}.egypt-bg{filter:sepia(40%)saturate(120%);background-position:top}.egypt-overlay{background:linear-gradient(105deg,#0f0802d9 0%,#1e1004b3 50%,#0006 100%)}.egypt-tag{color:#d4a028;background:#d4a02826;border:1px solid #d4a02866}.egypt-font{color:#f5dfa0;text-shadow:0 2px 20px #d4a02866;font-family:Cinzel,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900}.egypt-hr{background:linear-gradient(90deg,#d4a028,#0000);width:80px;height:2px;margin-bottom:1.5rem}.epoch-egypt .epoch-desc{color:#f5dfa0d9;font-family:IM Fell English,serif;font-size:1.05rem}.epoch-egypt .detail-item{color:#d4a028e6}.egypt-border-deco{border:2px solid #d4a02866;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.egypt-border-deco:before,.egypt-border-deco:after{content:"";border:1px solid #d4a02833;position:absolute}.egypt-border-deco:before{inset:8px}.egypt-border-deco:after{inset:16px}.egypt-inner-deco{text-align:center}.egypt-glyph{color:#d4a028;text-shadow:0 0 30px #d4a02899;font-size:5rem;line-height:1}.egypt-glyph-sub{letter-spacing:.4em;color:#d4a02899;margin-top:.5rem;font-family:Cinzel,serif;font-size:.65rem}.rome-overlay{background:linear-gradient(105deg,#140a05e0 0%,#28140ab8 50%,#00000059 100%)}.rome-tag{color:#c8863c;background:#b4783c26;border:1px solid #b4783c66}.rome-font{color:#f0d5b0;text-shadow:0 2px 20px #b4783c66;font-family:Cinzel,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900}.rome-hr{background:linear-gradient(90deg,#c8863c,#0000);width:80px;height:2px;margin-bottom:1.5rem}.epoch-rome .epoch-desc{color:#f0d5b0d9;font-family:IM Fell English,serif;font-size:1.05rem}.epoch-rome .epoch-desc em{color:#c8863c;font-style:italic}.epoch-rome .detail-item{color:#c8863ce6}.epoch-rome .detail-label{color:#c8863c;font-size:.8rem}.rome-arch{border:2px solid #c8863c80;border-bottom:none;border-radius:80px 80px 0 0;justify-content:center;align-items:center;width:160px;height:200px;display:flex;position:relative}.rome-arch:before{content:"";border:1px solid #c8863c40;border-bottom:none;border-radius:66px 66px 0 0;position:absolute;inset:14px}.rome-arch-text{letter-spacing:.3em;color:#c8863ccc;font-family:Cinzel,serif;font-size:1.5rem;font-weight:900}.renaissance-overlay{background:linear-gradient(105deg,#0a0804e0 0%,#191208b8 50%,#00000059 100%)}.renaissance-tag{color:#c8a864;background:#a0783c26;border:1px solid #c8a86466}.renaissance-font{color:#f5e8c8;text-shadow:0 2px 30px #c8a8644d;font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-style:italic;font-weight:700}.renaissance-hr{background:linear-gradient(90deg,#c8a864,#0000);width:80px;height:1px;margin-bottom:1.5rem}.epoch-renaissance .epoch-desc{color:#f5e8c8d9;font-family:Playfair Display,serif;font-size:1rem}.epoch-renaissance .detail-item{color:#c8a864e6}.epoch-renaissance .detail-label{color:#c8a864;font-size:1rem}.renaissance-circle{border:1px solid #c8a86466;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.renaissance-circle:before{content:"";border:1px solid #c8a86433;border-radius:50%;position:absolute;inset:12px}.renaissance-circle-inner{border:1px solid #c8a8644d;justify-content:center;align-items:center;width:120px;height:120px;display:flex;transform:rotate(45deg)}.renaissance-cross{width:60px;height:60px;position:relative}.renaissance-cross:before,.renaissance-cross:after{content:"";background:#c8a86480;position:absolute}.renaissance-cross:before{width:1px;height:100%;left:50%}.renaissance-cross:after{width:100%;height:1px;top:50%}.industrial-overlay{background:linear-gradient(105deg,#050505eb 0%,#140c08c7 50%,#0006 100%)}.industrial-tag{color:#b46420;background:#a0501426;border:1px solid #b4641e66}.industrial-font{color:#e8c8a0;text-shadow:0 2px 20px #b4641e66;letter-spacing:.05em;font-family:Special Elite,monospace;font-size:clamp(2.2rem,5vw,4rem);font-weight:400}.industrial-hr{background:linear-gradient(90deg,#b46420,#0000);width:80px;height:3px;margin-bottom:1.5rem}.epoch-industrial .epoch-desc{color:#e8c8a0d1;font-family:Special Elite,monospace;font-size:.95rem}.epoch-industrial .detail-item{color:#b4641ee6}.epoch-industrial .detail-label{color:#b46420;font-size:1.1rem}.industrial-gear-ring{border:4px solid #b4641e66;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;animation:20s linear infinite gearSpin;display:flex;position:relative}.industrial-gear-ring:before{content:"";border:2px dashed #b4641e33;border-radius:50%;position:absolute;inset:-14px}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.industrial-gear-inner{border:4px solid #b4641e80;border-radius:50%;width:80px;height:80px;animation:10s linear infinite reverse gearSpin}.modern-overlay{background:linear-gradient(105deg,#040814e6 0%,#081428bf 50%,#00000059 100%)}.modern-tag{color:#4080d0;background:#1450b426;border:1px solid #2864dc66}.modern-font{color:#c8e0ff;letter-spacing:.05em;text-shadow:0 2px 30px #2864dc66;font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:400}.modern-hr{background:linear-gradient(90deg,#4080d0,#0000);width:80px;height:2px;margin-bottom:1.5rem}.epoch-modern .epoch-desc{color:#c8e0ffd1;letter-spacing:.03em;font-family:Rajdhani,sans-serif;font-size:1.05rem}.epoch-modern .detail-item{color:#4080d0e6}.epoch-modern .detail-label{color:#4080d0;font-size:.9rem}.modern-screen{background:#040814b3;border:2px solid #2864dc66;justify-content:center;align-items:center;width:220px;height:160px;display:flex;position:relative;overflow:hidden}.modern-screen:before,.modern-screen:after{content:"";position:absolute}.modern-screen:before{background:#2864dc80;height:1px;top:0;left:0;right:0}.modern-screen:after{background:#2864dc80;height:1px;bottom:0;left:0;right:0}.modern-scan{background:#2864dc99;height:2px;animation:2.5s linear infinite scanLine;position:absolute;left:0;right:0}@keyframes scanLine{0%{top:0}to{top:100%}}.modern-text-anim{color:#4080d0cc;letter-spacing:.15em;font-family:Rajdhani,monospace;font-size:1.1rem;animation:1.5s step-end infinite textBlink}@keyframes textBlink{0%,to{opacity:1}50%{opacity:.3}}.cyber-overlay{background:linear-gradient(105deg,#02020aeb 0%,#08041ec7 50%,#0006 100%)}.cyber-tag{color:#00e6b4;letter-spacing:.3em;background:#00e6b414;border:1px solid #00e6b459;font-family:Rajdhani,sans-serif}.cyber-font{color:#00e6b4;letter-spacing:.1em;font-family:Rajdhani,sans-serif;font-size:clamp(2.5rem,5.5vw,5rem);font-weight:700;line-height:1.1}.cyber-sub{letter-spacing:.4em;color:#00e6b480;font-size:.6em}.cyber-hr{background:linear-gradient(90deg,#00e6b4,#0000);width:80px;height:1px;margin-bottom:1.5rem}.cyber-desc{color:#b4fff0c7;letter-spacing:.04em;font-family:Rajdhani,sans-serif;font-size:1.05rem}.cyber-details .detail-item{color:#00e6b4d9}.cyber-bracket{color:#00e6b4;font-family:Rajdhani,monospace;font-size:.85rem}.cyber-glitch{display:inline-block;position:relative}.cyber-glitch:before,.cyber-glitch:after{content:attr(data-text);position:absolute;inset:0}.cyber-glitch:before{color:#ff0080;clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);animation:3s infinite glitchA}.cyber-glitch:after{color:#0ff;clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);animation:3s infinite glitchB}@keyframes glitchA{0%,90%,to{transform:none}91%{transform:translate(-3px)}93%{transform:translate(3px)}95%{transform:translate(-2px)}}@keyframes glitchB{0%,88%,to{transform:none}89%{transform:translate(3px)}91%{transform:translate(-3px)}93%{transform:translate(2px)}}.cyber-hud{justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.cyber-hud-ring{border:1px solid #00e6b44d;border-radius:50%;animation:3s ease-in-out infinite hudPulse;position:absolute;inset:0}.cyber-hud-ring:before{content:"";border:1px solid #00e6b426;border-radius:50%;animation:6s linear infinite hudSpin;position:absolute;inset:14px}@keyframes hudPulse{0%,to{box-shadow:0 0 #00e6b400}50%{box-shadow:0 0 0 8px #00e6b40d}}@keyframes hudSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cyber-hud-center{text-align:center}.cyber-hud-text{color:#00e6b4;letter-spacing:.3em;font-family:Rajdhani,sans-serif;font-size:2rem;font-weight:700;display:block}.cyber-hud-status{letter-spacing:.4em;color:#00e6b480;font-family:Rajdhani,sans-serif;font-size:.65rem;display:block}.cyber-hud-corner{width:14px;height:14px;position:absolute}.cyber-hud-corner.tl{border-top:1px solid #00e6b4;border-left:1px solid #00e6b4;top:10px;left:10px}.cyber-hud-corner.tr{border-top:1px solid #00e6b4;border-right:1px solid #00e6b4;top:10px;right:10px}.cyber-hud-corner.bl{border-bottom:1px solid #00e6b4;border-left:1px solid #00e6b4;bottom:10px;left:10px}.cyber-hud-corner.br{border-bottom:1px solid #00e6b4;border-right:1px solid #00e6b4;bottom:10px;right:10px}.prehistory-bg{filter:contrast(1.1)brightness(.8);background-position:50%}.prehistory-overlay{background:linear-gradient(105deg,#140502d9 0%,#280a05b3 50%,#0006 100%)}.prehistory-tag{color:#ff6a00;background:#ff643226;border:1px solid #ff643266}.prehistory-font{color:#f96;text-shadow:0 2px 20px #ff643266;font-family:Cinzel,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900}.prehistory-hr{background:linear-gradient(90deg,#ff6a00,#0000);width:80px;height:2px;margin-bottom:1.5rem}.epoch-prehistory .epoch-desc{color:#ffb496d9;font-family:IM Fell English,serif;font-size:1.05rem}.epoch-prehistory .detail-item{color:#ff6432e6}.prehistory-text-color{color:#ff6a00;text-shadow:0 0 20px #ff643299}.greece-bg{filter:sepia(10%);background-position:50%}.greece-overlay{background:linear-gradient(105deg,#0f1419d9 0%,#191e28b3 50%,#0006 100%)}.greece-tag{color:#e0e0e0;background:#dcdcdc26;border:1px solid #dcdcdc66}.greece-font{color:#fff;text-shadow:0 2px 20px #dcdcdc66;font-family:Cinzel,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400}.greece-hr{background:linear-gradient(90deg,#e0e0e0,#0000);width:80px;height:2px;margin-bottom:1.5rem}.epoch-greece .epoch-desc{color:#dcdcdcd9;font-family:IM Fell English,serif;font-size:1.05rem}.epoch-greece .detail-item{color:#c8c8c8e6}.greece-text-color{color:#e0e0e0;text-shadow:0 0 20px #dcdcdc99}.medieval-bg{filter:contrast(1.1)brightness(.7);background-position:50%}.medieval-overlay{background:linear-gradient(105deg,#0a0f14d9 0%,#141923b3 50%,#0006 100%)}.medieval-tag{color:#8a94a6;background:#5a6b8c26;border:1px solid #5a6b8c66}.medieval-font{color:#a0b0d0;text-shadow:0 2px 20px #5a6b8c66;font-family:Cinzel,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900}.medieval-hr{background:linear-gradient(90deg,#8a94a6,#0000);width:80px;height:2px;margin-bottom:1.5rem}.epoch-medieval .epoch-desc{color:#b4bed2d9;font-family:IM Fell English,serif;font-size:1.05rem}.epoch-medieval .detail-item{color:#8c96aae6}.medieval-text-color{color:#8a94a6;text-shadow:0 0 20px #5a6b8c99}.discovery-bg{filter:sepia(30%)saturate(120%);background-position:50%}.discovery-overlay{background:linear-gradient(105deg,#050f19d9 0%,#0f1e2db3 50%,#0006 100%)}.discovery-tag{color:#3a8ab0;background:#1e6ea026;border:1px solid #1e6ea066}.discovery-font{color:#70c0e0;text-shadow:0 2px 20px #1e6ea066;font-family:Cinzel,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700}.discovery-hr{background:linear-gradient(90deg,#3a8ab0,#0000);width:80px;height:2px;margin-bottom:1.5rem}.epoch-discovery .epoch-desc{color:#96c8dcd9;font-family:IM Fell English,serif;font-size:1.05rem}.epoch-discovery .detail-item{color:#50a0c8e6}.discovery-text-color{color:#3a8ab0;text-shadow:0 0 20px #1e6ea099}.enlightenment-bg{filter:sepia(20%)saturate(110%);background-position:50%}.enlightenment-overlay{background:linear-gradient(105deg,#14120ad9 0%,#231e14b3 50%,#0006 100%)}.enlightenment-tag{color:#cca850;background:#e6d2a026;border:1px solid #e6d2a066}.enlightenment-font{color:#f0e0c0;text-shadow:0 2px 20px #e6d2a066;font-family:Cinzel,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400}.enlightenment-hr{background:linear-gradient(90deg,#cca850,#0000);width:80px;height:2px;margin-bottom:1.5rem}.epoch-enlightenment .epoch-desc{color:#f0e6c8d9;font-family:IM Fell English,serif;font-size:1.05rem}.epoch-enlightenment .detail-item{color:#c8b478e6}.enlightenment-text-color{color:#cca850;text-shadow:0 0 20px #e6d2a099}.generic-border-deco{border:1px solid #ffffff4d;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative;transform:rotate(45deg)}.generic-border-deco:before{content:"";border:1px solid #ffffff26;position:absolute;inset:8px}.generic-inner-deco{text-align:center;transform:rotate(-45deg)}.generic-glyph{letter-spacing:.3em;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700}@media (width<=768px){.epoch-content{flex-direction:column;gap:2.5rem;padding:5rem 1.5rem 3rem}.epoch-right{display:none}#epoch-nav{right:1rem}.intro-title{font-size:clamp(2.5rem,12vw,4rem)}}