:root{--ink:#050608;--black:#020304;--panel:#0b1116;--panel-hover:#0f1722;--line:#2b4654;--line-soft:#182a34;--text:#f2f4f0;--muted:#a5b2b7;--dim:#72838b;--accent:#8de8f2;--accent-alt:#d6f96f;--font-display:"Orbitron","Rajdhani",sans-serif;--font-body:"Rajdhani",sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:auto}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font-body);overflow-x:hidden}body.is-loading{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--black)}.loader{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--black);transition:visibility .45s}.loader.is-done{visibility:hidden;pointer-events:none}.loader-mark{width:112px;height:112px;border:1px solid var(--accent);display:grid;place-items:center;font-family:var(--font-display);font-size:30px;letter-spacing:.16em;color:var(--accent);animation:loaderPulse 1.4s ease-in-out infinite alternate}@keyframes loaderPulse{to{border-color:var(--accent-alt);color:var(--accent-alt);transform:scale(.96)}}.loader p{margin:26px 0 18px;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.loader-track{width:240px;height:2px;background:#172129}.loader-track span{display:block;width:0;height:100%;background:var(--accent)}.loader-value{margin-top:12px;font-size:13px;font-weight:500;color:var(--accent)}#universe{position:fixed;inset:0;width:100%;height:100%;z-index:0}.star-map,.scanline,.noise{position:fixed;inset:0;pointer-events:none}.star-map{z-index:1;opacity:.18;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg width='140' height='140' viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%238de8f2' stroke-width='1' opacity='.28'%3E%3Cpath d='M18 104h32v-22h42v-42h30'/%3E%3Cpath d='M28 28h30v18h22'/%3E%3Ccircle cx='50' cy='82' r='2' fill='%238de8f2'/%3E%3Ccircle cx='92' cy='40' r='2' fill='%238de8f2'/%3E%3C/g%3E%3C/svg%3E")}.scanline{z-index:2;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h8v1H0z' fill='%23ffffff' opacity='.35'/%3E%3C/svg%3E");animation:scanShift 1.8s steps(8) infinite}@keyframes scanShift{to{transform:translateY(8px)}}.noise{z-index:3;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.site-header{position:fixed;z-index:30;top:0;left:0;width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line-soft);background:#050608d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase}.brand b{font-size:18px;color:var(--text)}.brand span{font-size:11px;color:var(--accent)}.desktop-nav{display:flex;gap:34px}.desktop-nav a,.mobile-menu a{font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:color .2s}.desktop-nav a:hover,.mobile-menu a:hover{color:var(--accent)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.menu-toggle span{display:block;width:18px;height:1px;margin:7px auto;background:currentColor}.mobile-menu{position:fixed;z-index:25;top:76px;right:0;width:min(320px,100%);padding:20px;background:var(--panel);border-left:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);display:none}.mobile-menu.is-open{display:grid;gap:18px}.chapter-rail{position:fixed;z-index:20;left:3vw;top:50%;display:flex;flex-direction:column;gap:13px;transform:translateY(-50%)}.chapter-rail a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;color:var(--dim);font-size:11px;letter-spacing:.12em;transition:color .2s,transform .2s}.chapter-rail a:before{content:"";grid-column:1;width:18px;height:1px;background:currentColor}.chapter-rail span{grid-column:1;grid-row:1;text-align:right}.chapter-rail b{grid-column:2;grid-row:1;font-weight:500;opacity:0;transform:translate(-8px);transition:opacity .2s,transform .2s}.chapter-rail a.is-active,.chapter-rail a:hover{color:var(--accent);transform:translate(4px)}.chapter-rail a.is-active b,.chapter-rail a:hover b{opacity:1;transform:translate(0)}main{position:relative;z-index:5}.scene{position:relative;min-height:118vh;padding:18vh 7vw 14vh 13vw;display:flex;align-items:center;border-bottom:1px solid rgba(43,70,84,.44)}.hero{min-height:132vh}.hero-content{position:relative;z-index:4;max-width:620px}.hero-badge{display:inline-block;padding:6px 18px;border:1px solid var(--accent);font-family:var(--font-display);font-size:11px;letter-spacing:.22em;color:var(--accent);margin-bottom:24px}.hero-title{margin:0 0 18px;font-size:clamp(52px,8vw,106px);line-height:1;font-weight:700;letter-spacing:-.02em}.hero-sub{margin:0 0 48px;font-size:clamp(16px,2vw,22px);color:var(--muted);line-height:1.5;letter-spacing:.04em}.hero-hint{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.hero-hint .hero-line{width:32px;height:1px;background:var(--line)}@keyframes heroHint{0%,to{opacity:.5}50%{opacity:1}}.hero-hint{animation:heroHint 2.2s ease-in-out infinite}.tunnel-section{min-height:128vh}.tunnel-content{position:relative;z-index:4;max-width:520px;margin-left:auto;text-align:right}.tunnel-badge{display:inline-block;padding:6px 18px;border:1px solid var(--accent);font-family:var(--font-display);font-size:11px;letter-spacing:.22em;color:var(--accent);margin-bottom:24px}.tunnel-title{margin:0 0 18px;font-size:clamp(40px,5.5vw,72px);line-height:1;font-weight:700}.tunnel-desc{margin:0;font-size:clamp(15px,1.8vw,19px);color:var(--muted);line-height:1.7;letter-spacing:.04em}.planet-section{min-height:126vh;flex-wrap:wrap;gap:30px}.planet-label{position:relative;z-index:4;width:min(360px,36vw);padding:20px 0;border-top:1px solid var(--accent)}.planet-label.right{margin-left:auto}.planet-label span{display:block;font-family:var(--font-display);font-size:11px;letter-spacing:.16em;color:var(--accent)}.planet-label h2{margin:16px 0 10px;font-size:clamp(44px,6vw,86px);line-height:1;font-weight:700}.planet-label p{margin:0;font-size:18px;color:var(--accent);letter-spacing:.06em}.planet-card{position:relative;z-index:4;width:min(400px,38vw);padding:28px 32px;background:#0b1116b8;border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.planet-card.right{margin-left:auto}.planet-subtitle{margin:0 0 14px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-alt)}.planet-desc{margin:0 0 20px;font-size:15px;line-height:1.7;color:var(--muted)}.planet-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.planet-stats li{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px solid var(--line-soft)}.planet-stats li span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.planet-stats li b{font-size:15px;font-weight:600;color:var(--text);font-family:var(--font-display)}@media(max-width:1180px){.planet-section{flex-direction:column;align-items:flex-start;gap:20px}.planet-card,.planet-card.right{width:min(480px,80vw);margin-left:0}.planet-label.right{margin-left:auto}}@media(max-width:1024px){.chapter-rail{display:none}.scene{padding-left:7vw}.planet-label,.planet-label.right{width:min(420px,70vw);margin-left:0}}@media(max-width:760px){.site-header{height:68px;padding:0 20px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-menu{top:68px}.brand b{font-size:15px}.brand span{display:none}.scene{min-height:112vh;padding:16vh 22px 12vh}.hero{min-height:126vh}.tunnel-content{text-align:left;margin-left:0}.planet-label,.planet-label.right{width:100%}.planet-label h2{font-size:clamp(42px,14vw,72px)}.planet-card,.planet-card.right{width:100%;padding:20px}.planet-stats{gap:8px 14px}.planet-stats li b{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}