:root{--color: #7c3aed;--color2: #a78bfa;--bg: #05050f;--tint: rgba(124, 58, 237, 0.07);--text: #ffffff;--text-dim: rgba(255, 255, 255, 0.55);--ctrl-bg: rgba(5, 5, 15, 0.75)}body.theme-forest{--color: #22c55e;--color2: #86efac;--bg: #040e04;--tint: rgba(34, 197, 94, 0.06)}body.theme-ocean{--color: #06b6d4;--color2: #67e8f9;--bg: #030d12;--tint: rgba(6, 182, 212, 0.07)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:"Segoe UI",system-ui,sans-serif;overflow-x:hidden;transition:background .55s ease,color .55s ease}img{display:block;max-width:100%}a{text-decoration:none}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:1rem;padding:0 1.6rem;height:3.2rem;background:var(--ctrl-bg);backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,100%,.06);transition:background .4s}.tb__brand{display:flex;align-items:baseline;gap:.45rem;color:var(--text);user-select:none}.tb__brand .tb__name{font-size:.72rem;color:var(--text-dim);letter-spacing:.03em}.tb__brand .tb__title{font-size:1rem;letter-spacing:.12em;color:var(--color2);transition:color .4s}.tb__themes{display:flex;gap:.4rem;margin:0 auto}.theme-btn{padding:.22rem .7rem;border:1px solid hsla(0,0%,100%,.15);border-radius:99px;background:rgba(0,0,0,0);color:var(--text-dim);font-size:.72rem;cursor:pointer;transition:all .25s}.theme-btn:hover{border-color:var(--color);color:var(--text)}.theme-btn.active{background:var(--color);border-color:var(--color);color:#fff}.tb__right{display:flex;align-items:center;gap:.8rem;margin-left:auto}.tb__gh{font-size:.72rem;color:var(--text-dim);transition:color .2s}.tb__gh:hover{color:var(--text)}.progress-bar{position:fixed;top:3.2rem;left:0;width:100%;height:2px;background:var(--color);transform-origin:left center;transform:scaleX(0);z-index:101;transition:background .4s;pointer-events:none}.s{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--bg);transition:background .55s}.ql{position:absolute;pointer-events:none;user-select:none;will-change:transform}.s__text{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);text-align:center;z-index:10;white-space:nowrap}.s__heading{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 0 1.5rem hsla(0,0%,100%,.35),0 0 4rem var(--tint);transition:text-shadow .4s}.s__para{margin-top:.6rem;font-size:clamp(.85rem,1.5vw,1.05rem);color:var(--text-dim);letter-spacing:.08em}.s__content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;z-index:10}.s--hero{display:flex;align-items:center;justify-content:center}.s--hero .hero-bg{position:absolute;inset:-10%;width:2px;height:2px;border-radius:50%;will-change:transform}.s--hero .hero-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.s--hero .hr{position:absolute;border-radius:50%;border:1px solid var(--color);opacity:0;animation:ring-pulse 6s ease-in-out infinite;transition:border-color .4s}.s--hero .hr--1{width:28rem;height:28rem;animation-delay:0s;opacity:.12}.s--hero .hr--2{width:48rem;height:48rem;animation-delay:1.5s;opacity:.07}.s--hero .hr--3{width:70rem;height:70rem;animation-delay:3s;opacity:.04}.s--hero .hero-label{font-size:.7rem;letter-spacing:.25em;color:var(--color2);text-transform:uppercase;margin-bottom:1.2rem;transition:color .4s}.s--hero .hero-title{font-size:clamp(5rem,16vw,14rem);font-weight:900;letter-spacing:.15em;line-height:1;display:flex;gap:.05em;color:#fff;text-shadow:0 0 3rem var(--color),0 0 8rem hsla(0,0%,100%,.08);transition:text-shadow .4s;will-change:transform,opacity}.s--hero .hero-title .hw{display:inline-block;will-change:transform,opacity}.s--hero .hero-sub{margin-top:1.4rem;font-size:clamp(.9rem,1.8vw,1.1rem);color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase;will-change:opacity}.s--hero .scroll-cue{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--text-dim);animation:sc-bounce 2.2s ease-in-out infinite}.s--hero .scroll-cue .sc__arrow{font-size:1.4rem}.s--hero .scroll-cue .sc__text{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}@keyframes ring-pulse{0%,100%{transform:scale(1);opacity:inherit}50%{transform:scale(1.04);opacity:0}}@keyframes sc-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}.s--quest{background:#060d06}.s--quest #s2-mountains{width:100%;bottom:20%;left:0}.s--quest #s2-cloud-l{width:42%;top:4%;left:-4%}.s--quest #s2-cloud-r{width:42%;top:4%;right:-4%}.s--quest #s2-forest{width:100%;bottom:0;left:0}.s--quest #s2-rock{width:14%;bottom:8%;left:42%}.s--quest #s2-mage{width:13%;bottom:12%;left:43.5%}.s--quest #s2-ll1{width:20%;top:0%;left:-3%}.s--quest #s2-ll2{width:16%;top:18%;left:0%}.s--quest #s2-ll3{width:14%;top:2%;left:10%}.s--quest #s2-ll4{width:18%;top:25%;left:-2%}.s--quest #s2-rl1{width:20%;top:0%;right:-3%}.s--quest #s2-rl2{width:16%;top:18%;right:0%}.s--quest #s2-rl3{width:14%;top:2%;right:10%}.s--quest #s2-rl4{width:18%;top:25%;right:-2%}.s--forest{background:#030a03}.s--forest #s3-cloud-l{width:35%;top:5%;left:-5%}.s--forest #s3-cloud-r{width:30%;top:8%;right:-3%}.s--forest #s3-cloud-l2{width:28%;top:12%;left:15%}.s--forest #s3-forest{width:100%;bottom:0;left:0}.s--forest #s3-forest2{width:100%;bottom:0;left:0}.s--forest #s3-tll0{width:22%;top:0%;left:-2%}.s--forest #s3-tll1{width:18%;top:5%;left:5%}.s--forest #s3-tll2{width:14%;top:1%;left:15%}.s--forest #s3-tll3{width:16%;top:8%;left:0%}.s--forest #s3-tll4{width:12%;top:0%;left:22%}.s--forest #s3-trl1{width:20%;top:0%;right:-2%}.s--forest #s3-trl2{width:16%;top:6%;right:5%}.s--forest #s3-trl3{width:14%;top:1%;right:15%}.s--forest #s3-bll1{width:22%;bottom:5%;left:-3%}.s--forest #s3-bll2{width:18%;bottom:15%;left:2%}.s--forest #s3-bll3{width:14%;bottom:8%;left:12%}.s--forest #s3-brl1{width:16%;bottom:2%;right:-2%}.s--forest #s3-brl2{width:20%;bottom:10%;right:-1%}.s--forest #s3-brl3{width:14%;bottom:5%;right:10%}.s--forest #s3-brl4{width:12%;bottom:18%;right:5%}.s--forest #s3-brl5{width:18%;bottom:0%;right:8%}.s--forest #s3-brl6{width:10%;bottom:22%;right:15%}.s--forest #s3-brl7{width:14%;bottom:3%;right:20%}.s--cave{background:#02030a}.s--cave #s4-outer{width:100%;height:100%;top:0;left:0;object-fit:cover}.s--cave #s4-inner{width:70%;top:50%;left:50%;transform:translate(-50%, -50%)}.s--cave #s4-cl{width:30%;bottom:0%;left:0%}.s--cave #s4-cr{width:30%;bottom:0%;right:0%}.s--summit{background:#05050f}.s--summit #s5-bg{width:100%;height:100%;top:0;left:0;object-fit:cover}.s--summit #s5-cliffs{width:100%;bottom:0;left:0}.s--summit #s5-fg{width:100%;bottom:0;left:0}.s--summit #s5-lcr{width:22%;bottom:8%;left:2%}.s--summit #s5-rcr{width:22%;bottom:8%;right:2%}.s--summit #s5-tcr{width:18%;top:5%;left:50%;transform:translateX(-50%)}.s--summit #s5-tree{width:16%;bottom:5%;left:50%;transform:translateX(-50%)}.s--complete{background:#050508;height:100vh}.s--complete #s6-bg2{width:100%;height:100%;top:0;left:0;object-fit:cover}.s--complete #s6-bg1{width:80%;bottom:0;left:10%}.s--complete #s6-lcr{width:20%;bottom:10%;left:-3%}.s--complete #s6-bcr{width:18%;bottom:0%;left:50%;transform:translateX(-50%)}.s--complete #s6-mage{width:22%;bottom:12%;left:50%;transform:translateX(-50%)}.s--complete #s6-mage-glow{width:38%;bottom:8%;left:50%;transform:translateX(-50%)}.s--complete .s6-cta{z-index:20;position:absolute;top:20%;left:50%;transform:translateX(-50%);width:100%}.s--complete .cta-badge{display:inline-block;padding:.3rem 1rem;border:1px solid var(--color);border-radius:99px;font-size:.72rem;letter-spacing:.22em;color:var(--color2);text-transform:uppercase;margin-bottom:1.2rem;transition:all .4s}.s--complete .cta-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;letter-spacing:.06em;color:#fff;margin-bottom:.8rem;text-shadow:0 0 3rem var(--color);transition:text-shadow .4s}.s--complete .cta-sub{font-size:.85rem;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;margin-bottom:2rem}.s--complete .cta-btn{display:inline-block;padding:.8rem 2rem;background:var(--color);border-radius:4px;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.06em;transition:all .25s;box-shadow:0 0 2rem rgba(0,0,0,.3),0 0 1rem var(--color)}.s--complete .cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 2rem rgba(0,0,0,.4),0 0 2rem var(--color)}