:root{--bg:#030612;--panel:#091024;--panel2:#0d1731;--ink:#f5f7ff;--muted:#aab4d3;--gold:#f0c45c;--cyan:#56d7ff;--violet:#a972ff;--line:rgba(255,255,255,.11);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#161a48 0,transparent 32%),linear-gradient(#030612,#06091a 55%,#030612);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.space-dust{position:fixed;inset:0;z-index:-1;opacity:.45;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.3px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(18px,4vw,70px);background:rgba(3,6,18,.72);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:1px solid rgba(240,196,92,.55)}.brand span{display:grid}.brand b{letter-spacing:.05em}.brand small{color:var(--muted);font-size:.72rem}.topbar nav{display:flex;gap:28px}.topbar nav a{color:#dce3ff;font-size:.92rem}.topbar nav a:hover{color:var(--gold)}.menu{display:none;border:0;background:0 0;color:#fff;font-size:1.5rem}.hero{position:relative;min-height:100svh;padding:140px clamp(22px,8vw,120px) 80px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(transparent,var(--bg));z-index:-1}.hero-copy{max-width:760px;position:relative;z-index:5}.kicker,.section-head span{display:inline-block;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.74rem}.hero h1{font-size:clamp(3.3rem,8vw,7.2rem);line-height:.88;margin:.22em 0;letter-spacing:-.065em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--gold),#fff3b3,var(--cyan));-webkit-background-clip:text;color:transparent}.hero p{max-width:660px;color:#c3cae3;font-size:clamp(1rem,2vw,1.18rem);line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:1px solid var(--line);border-radius:999px;padding:14px 20px;cursor:pointer;color:#fff;background:rgba(255,255,255,.04)}.btn.primary{background:linear-gradient(135deg,#d4972c,var(--gold));color:#14100a;border-color:transparent;font-weight:900;box-shadow:0 12px 34px rgba(240,196,92,.2)}.btn:hover{transform:translateY(-2px)}.stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;color:var(--muted)}.stats span{display:grid}.stats b{color:#fff;font-size:1.35rem}.nebula{position:absolute;width:850px;height:850px;right:-160px;top:20px;border-radius:50%;background:radial-gradient(circle at 42% 45%,rgba(255,255,255,.2),rgba(83,55,180,.38) 18%,rgba(34,151,210,.18) 36%,transparent 67%);filter:blur(5px);animation:breathe 8s ease-in-out infinite}.planet{position:absolute;border-radius:50%;box-shadow:inset -28px -20px 45px rgba(0,0,0,.65),0 0 70px rgba(86,215,255,.25)}.planet-one{width:250px;height:250px;right:10%;top:18%;background:radial-gradient(circle at 35% 28%,#8bf0ff,#1e6f9e 35%,#18305f 62%,#050817);animation:float 7s ease-in-out infinite}.planet-two{width:82px;height:82px;right:38%;bottom:20%;background:radial-gradient(circle at 35% 30%,#ffcb83,#a44653 46%,#241024 75%);animation:float 5s 1s ease-in-out infinite}.moon{position:absolute;width:34px;height:34px;border-radius:50%;right:27%;top:21%;background:#d9deed;box-shadow:inset -9px -8px 12px #777f9b,0 0 20px #fff8}.orbit{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:rotate(-18deg)}.orbit-a{width:430px;height:170px;right:4%;top:24%}.orbit-b{width:630px;height:300px;right:-7%;top:17%}.orbit i{display:block;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px var(--gold);animation:orbitDot 8s linear infinite}.rocket{position:absolute;right:30%;top:54%;font-size:3.5rem;transform:rotate(-35deg);filter:drop-shadow(0 0 20px #fff8);animation:rocket 5s ease-in-out infinite}.scroll-cue{position:absolute;bottom:28px;left:50%;border:0;background:0 0;color:#fff;font-size:2rem;animation:bounce 1.6s infinite}.section{padding:100px clamp(20px,7vw,110px)}.section-head{max-width:720px;margin-bottom:38px}.section h2{font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.045em;margin:.2em 0}.beta p,.section-head p,.split p{color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{min-height:330px;text-align:left;padding:28px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,rgba(19,31,71,.92),rgba(7,11,27,.86));color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:.25s}.card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;bottom:-55px;background:radial-gradient(circle,var(--cyan),transparent 66%);opacity:.14}.card:hover{transform:translateY(-8px);border-color:rgba(240,196,92,.65)}.card-icon{font-size:3rem;display:block;margin-bottom:48px}.card small{color:var(--gold);text-transform:uppercase;letter-spacing:.16em}.card h3{font-size:1.6rem;margin:.5em 0}.card p{color:var(--muted);line-height:1.55}.card b{display:block;margin-top:22px;color:#fff}.solar-stage{height:520px;border:1px solid var(--line);border-radius:34px;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 50%,rgba(255,174,44,.25),transparent 24%),radial-gradient(circle at center,#111939,#040713 67%);box-shadow:inset 0 0 90px #000}.sun{position:absolute;left:-70px;top:50%;width:160px;height:160px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,#fff6ac 0,#ffd258 38%,#ff7a00 72%);box-shadow:0 0 90px #ff9f1a}.solar-stage:before{content:"";position:absolute;left:52px;right:-280px;top:50%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.35),transparent)}.world{position:absolute;border:0;border-radius:50%;cursor:pointer;box-shadow:inset -7px -7px 13px #0009,0 0 17px #fff3;transition:.25s}.world.active,.world:hover{transform:scale(1.45);outline:2px solid var(--gold);outline-offset:5px}.mercury{width:13px;height:13px;left:18%;top:52%;background:#9e9185}.venus{width:22px;height:22px;left:27%;top:48%;background:#d99b4d}.earth{width:24px;height:24px;left:37%;top:54%;background:linear-gradient(135deg,#28a8e7,#1157ab 52%,#6ac868 53%)}.mars{width:18px;height:18px;left:47%;top:45%;background:#c65337}.jupiter{width:62px;height:62px;left:59%;top:51%;background:repeating-linear-gradient(#d6a46d 0 7px,#864f36 8px 12px,#e4c194 13px 18px)}.saturn{width:50px;height:50px;left:72%;top:38%;background:#d2b274}.saturn:after{content:"";position:absolute;inset:18px -20px;border:4px solid #c9ad78;border-radius:50%;transform:rotate(-15deg)}.uranus{width:34px;height:34px;left:84%;top:58%;background:#7de2e2}.neptune{width:33px;height:33px;left:93%;top:40%;background:#3257c8}.planet-panel{margin-top:18px;padding:22px 26px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.planet-panel span{color:var(--gold);text-transform:uppercase;font-size:.7rem;letter-spacing:.15em}.planet-panel h3{font-size:1.6rem;margin:.25em 0}.planet-panel p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.black-hole{aspect-ratio:1;border-radius:38px;display:grid;place-items:center;position:relative;cursor:pointer;background:radial-gradient(circle,#000 0 14%,#ffb64b 15%,#8e2cff 24%,rgba(0,0,0,.95) 38%,#070b20 60%);overflow:hidden}.black-hole .disc{position:absolute;width:78%;height:30%;border-radius:50%;border:9px solid #ffb94f;filter:blur(3px);transform:rotate(-12deg);box-shadow:0 0 45px #ff7b00,0 0 80px #8f54ff}.black-hole .core{width:22%;aspect-ratio:1;border-radius:50%;background:#000;box-shadow:0 0 35px #000}.black-hole span{position:absolute;bottom:24px;color:#fff9}.black-hole.active .disc{animation:spin 1.2s linear infinite}.fact{margin:24px 0;padding:20px;border-left:3px solid var(--gold);background:rgba(255,255,255,.04);display:grid;gap:7px}.fact span{color:var(--muted)}.horoscope{background:linear-gradient(180deg,transparent,rgba(55,30,105,.18),transparent)}.horoscope-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.zodiac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.zodiac-grid button{padding:22px 10px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#fff;cursor:pointer;display:grid;gap:7px}.zodiac-grid button b{font-size:2rem;color:var(--gold)}.zodiac-grid button.active,.zodiac-grid button:hover{border-color:var(--gold);background:rgba(240,196,92,.08)}.reading{border:1px solid rgba(240,196,92,.36);border-radius:28px;padding:38px;background:radial-gradient(circle at 100% 0,rgba(169,114,255,.24),transparent 45%),rgba(9,16,36,.9)}.reading-symbol{font-size:4rem;color:var(--gold)}.reading small{color:var(--gold);text-transform:uppercase;letter-spacing:.13em}.reading h3{font-size:2.5rem;margin:.2em 0}.reading em{color:var(--muted)}.reading p{font-size:1.14rem;line-height:1.7}.reading .disclaimer{display:block;color:#8e97b3;text-transform:none;letter-spacing:0;line-height:1.5;margin-top:28px}.timeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);overflow-x:auto;gap:14px;padding-bottom:16px;scroll-snap-type:x mandatory}.era{scroll-snap-align:start;border:1px solid var(--line);border-radius:22px;padding:26px;min-height:230px;background:linear-gradient(150deg,rgba(26,34,72,.8),rgba(6,10,26,.8))}.era b{color:var(--gold)}.era h3{font-size:1.45rem}.era p{color:var(--muted);line-height:1.6}.quiz-box{max-width:820px;border:1px solid var(--line);padding:32px;border-radius:28px;background:rgba(255,255,255,.035)}.quiz-box>p{font-size:1.45rem;font-weight:800}.quiz-box #answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{padding:16px;border:1px solid var(--line);border-radius:16px;background:#0c1430;color:#fff;cursor:pointer;text-align:left}.answer:hover{border-color:var(--cyan)}.answer.correct{border-color:#63e7a3;background:#10372d}.answer.wrong{border-color:#ff718b;background:#3e1724}#feedback{min-height:28px;margin:16px 0;color:var(--gold)}.hidden{display:none}.beta{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.beta-list{display:grid;gap:12px}.beta-list span{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}footer{text-align:center;padding:70px 20px;border-top:1px solid var(--line);color:var(--muted)}footer img{width:86px;height:86px;border-radius:50%;object-fit:cover}footer p{color:#fff}.modal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(14px)}.modal.open{display:grid}.modal-card{width:min(580px,100%);border:1px solid var(--line);border-radius:30px;padding:40px;background:linear-gradient(155deg,#151d42,#070b1b);position:relative;box-shadow:0 40px 100px #000}.modal-card>.close{position:absolute;right:18px;top:15px;border:0;background:0 0;color:#fff;font-size:2rem;cursor:pointer}.modal-card>span{font-size:4rem}.modal-card small{color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.modal-card h2{font-size:2.5rem;margin:.2em 0}.modal-card p{color:var(--muted);line-height:1.65}.progress{height:8px;border-radius:99px;background:#fff1;overflow:hidden}.progress i{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--gold),var(--cyan));animation:load 2.2s ease-in-out infinite}.cinema{height:290px;border-radius:20px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 20%,#5a2f9e,transparent 28%),linear-gradient(#06091b,#000)}.cinema-earth{position:absolute;width:180px;height:180px;border-radius:50%;right:-25px;bottom:-45px;background:radial-gradient(circle at 35% 30%,#8cf5ff,#1d84c0 38%,#132754 68%);box-shadow:inset -25px -20px 35px #0009,0 0 40px #45cfff}.cinema-moon{position:absolute;width:35px;height:35px;border-radius:50%;right:145px;top:50px;background:#ddd;box-shadow:inset -8px -8px 10px #777}.cinema-rocket{position:absolute;left:28%;bottom:20%;font-size:3.2rem;transform:rotate(-35deg);animation:launch 2.5s ease-in-out infinite}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-18px)}}@keyframes breathe{50%{transform:scale(1.07);opacity:.8}}@keyframes rocket{50%{transform:translate(22px,-16px) rotate(-35deg)}}@keyframes orbitDot{to{transform:translate(400px,150px)}}@keyframes bounce{50%{transform:translateY(8px)}}@keyframes spin{to{transform:rotate(348deg)}}@keyframes load{50%{width:85%}}@keyframes launch{50%{transform:translate(90px,-90px) rotate(-35deg)}}@media(max-width:980px){.cards{grid-template-columns:1fr 1fr}.beta,.horoscope-layout,.split{grid-template-columns:1fr}.solar-stage{height:430px}.zodiac-grid{grid-template-columns:repeat(3,1fr)}.planet-one{opacity:.55;right:-9%}.moon,.orbit,.planet-two{opacity:.4}}@media(max-width:720px){.topbar{height:70px;padding:8px 16px}.brand img{width:46px;height:46px}.topbar nav{position:absolute;top:70px;left:12px;right:12px;display:none;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:18px;background:#080d20}.topbar nav.open{display:flex}.menu{display:block}.hero{padding:116px 20px 60px;align-items:flex-start}.hero h1{font-size:3.6rem}.hero-copy{margin-top:55px}.planet-one{width:180px;height:180px;right:-50px;top:8%}.rocket{top:32%;right:42%;font-size:2.4rem}.stats{gap:18px}.section{padding:76px 18px}.cards{grid-template-columns:1fr}.card{min-height:280px}.solar-stage{height:620px}.solar-stage:before{left:50%;top:55px;bottom:0;width:1px;height:auto}.sun{left:50%;top:-55px;transform:translateX(-50%);width:120px;height:120px}.world{left:50%!important;transform:translateX(-50%)}.world.active,.world:hover{transform:translateX(-50%) scale(1.35)}.mercury{top:18%}.venus{top:26%}.earth{top:34%}.mars{top:42%}.jupiter{top:51%}.saturn{top:64%}.uranus{top:76%}.neptune{top:87%}.zodiac-grid{grid-template-columns:repeat(3,1fr)}.quiz-box #answers{grid-template-columns:1fr}.modal-card{padding:32px 24px}.modal-card h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}