@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-dark: #020208;--color-saffron: #FF9933;--color-green: #138808;--color-navy: #000080;--neon-cyan: #00f3ff;--text-main: #e8e8f0;--text-muted: #7a7a9a}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--bg-dark);color:var(--text-main);font-family:Rajdhani,sans-serif;overflow:hidden}#root{width:100%;height:100%}.glass-panel{background:#060612bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 40px #0009,inset 0 1px #ffffff0d;border-radius:14px;transition:border-color .3s,box-shadow .3s}.glass-panel:hover{border-color:#f933;box-shadow:0 4px 40px #0009,0 0 20px #ff99330d,inset 0 1px #ffffff0d}.chapter{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4vw 6vw}.interactive{pointer-events:auto}.local-icon{display:inline-block;flex-shrink:0;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--icon-tint, #fff) 45%,transparent));transition:transform .35s cubic-bezier(.22,1,.36,1)}.icon-pill{display:inline-flex;align-items:center;justify-content:center;padding:.55rem;border-radius:12px;background:color-mix(in srgb,var(--icon-tint, #fff) 12%,transparent);border:1px solid color-mix(in srgb,var(--icon-tint, #fff) 28%,transparent)}.glass-panel.interactive:hover .local-icon{transform:scale(1.08)}.brand-icon{display:inline-block;flex-shrink:0}.chapter-final{min-height:100vh;padding:8vh 6vw 10vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.chapter-final-inner{width:min(720px,100%);display:flex;flex-direction:column;align-items:center;gap:1.25rem}.chapter-final-title{font-size:clamp(2.2rem,6.5vw,4.5rem);font-weight:900;font-family:Bebas Neue,cursive;letter-spacing:2px;color:#fff;line-height:1.05;margin:0}.chapter-final-sub{color:#88a;font-size:clamp(.95rem,2vw,1.1rem);margin:0;font-family:Space Mono,monospace}.chapter-final-btn{margin-top:.5rem;padding:.95rem 3rem;background:linear-gradient(135deg,#f93,#c70);border:none;border-radius:8px;color:#fff;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:700;cursor:pointer;letter-spacing:3px;box-shadow:0 0 30px #f936;font-family:Bebas Neue,cursive;text-transform:uppercase}.glow-text{font-family:Bebas Neue,cursive;letter-spacing:.04em;text-shadow:0 0 20px rgba(255,255,255,.4),0 0 60px rgba(255,153,51,.15)}.form-input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.75rem 1rem;color:var(--text-main);font-size:.95rem;font-family:Rajdhani,sans-serif;font-weight:500;margin-bottom:.75rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#f936;box-shadow:0 0 0 3px #ff993314}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#010108}::-webkit-scrollbar-thumb{background:#ff99334d;border-radius:2px}.nav-dot{width:6px;height:6px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s}.nav-dot.active{background:var(--color-saffron);box-shadow:0 0 8px var(--color-saffron);transform:scale(1.4)}@media(min-width:768px){.chapter.alternate{position:relative}.chapter.alternate .card-anchor{position:absolute;top:50%;width:12px;height:12px;transform:translateY(-50%);border-radius:50%;background:var(--bg-dark);border:2px solid rgba(255,255,255,.25);box-shadow:0 0 10px #00f3ff59;z-index:3}.chapter.alternate .chapter.alternate.right .card-anchor{right:calc(6vw + min(520px,40vw))}.chapter.alternate .chapter.alternate.left .card-anchor{left:calc(6vw + min(520px,40vw))}.chapter.alternate.left{justify-content:flex-start!important}.chapter.alternate.right{justify-content:flex-end!important}.chapter-content{width:min(520px,40vw)!important;position:relative;z-index:5;padding:0!important}.chapter.alternate.left .chapter-content{margin-left:6vw}.chapter.alternate.right .chapter-content{margin-right:6vw}.node-connector{position:absolute;top:50%;height:2px;z-index:0}.chapter.alternate.right .node-connector{left:50%;width:calc(6vw + min(520px,40vw) - 10px);background:linear-gradient(90deg,rgba(255,153,51,.55),transparent)}.chapter.alternate.left .node-connector{left:50%;width:calc(6vw + min(520px,40vw) - 10px);transform:translate(-100%);background:linear-gradient(270deg,rgba(255,153,51,.55),transparent)}.node-point{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);background:var(--bg-dark);border:3px solid var(--neon-cyan);border-radius:50%;z-index:2;box-shadow:0 0 12px var(--neon-cyan)}}.node-string-line{position:absolute;left:50%;top:100vh;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,var(--color-saffron) 5%,var(--neon-cyan) 50%,var(--color-green) 95%,transparent 100%);transform:translate(-50%);z-index:1;opacity:.5}.zigzag-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}@media(max-width:767px){.node-string-line,.node-connector,.node-point{display:none}.chapter:not(:first-child){justify-content:center!important;padding-top:5vh!important;padding-bottom:5vh!important}.chapter-content{width:100%}}.progress-text{color:#00f3ff;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 5px rgba(0,243,255,.5)}.progress-rail-container{position:relative;display:flex;flex-direction:column;align-items:center;height:350px}.progress-rail-bg{position:absolute;top:0;bottom:0;width:2px;background:#ffffff1a;border-radius:2px;left:50%;transform:translate(-50%);z-index:1}.progress-rail-fill{position:absolute;top:0;width:2px;background:linear-gradient(to bottom,#f93,#00f3ff,#138808);border-radius:2px;left:50%;transform:translate(-50%);z-index:2;transition:height .1s linear}.nav-dots-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative;z-index:3}.nav-dot{width:12px;height:12px;background:#020208;border:2px solid #555;border-radius:50%;cursor:pointer;position:relative;transition:all .3s ease}.nav-dot:hover{transform:scale(1.4);border-color:#00f3ff;background:#00f3ff;box-shadow:0 0 8px #00f3ff}.nav-dot.active{transform:scale(1.3);border-color:#f93;background:transparent;box-shadow:0 0 10px #f936}.nav-dot.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#f93;border-radius:50%}.nav-label{position:absolute;right:25px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;font-family:Space Mono,monospace;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;border:1px solid rgba(255,255,255,.1)}.nav-dot:hover .nav-label{opacity:1;visibility:visible;right:20px}.chapter.chapter-tall{align-items:flex-start;min-height:100vh;padding-top:6vh;padding-bottom:8vh;box-sizing:border-box}@media(min-width:768px){.chapter.chapter-tall.alternate.right{justify-content:flex-end;align-items:flex-start}.chapter.chapter-tall.alternate.left{justify-content:flex-start;align-items:flex-start}.chapter.chapter-tall .chapter-content{width:min(580px,46vw)!important}}.chapter.alternate{min-height:100vh}