:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;color:#eceef5;background:#080b16;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#18233b77,transparent 45%),#080b16}
a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #d3b7ff;outline-offset:5px}
[hidden]{display:none!important}.top,main,footer{width:min(1280px,calc(100% - 64px));margin:auto}
.top{display:flex;align-items:center;justify-content:space-between;height:80px;border-bottom:1px solid #ffffff12}
.logo{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-1px;font-weight:800}.logo:first-letter{color:#bfacf6}
nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#aeb6cd}nav [aria-current]{color:#fff}.account{padding:11px 19px;border:1px solid #ffffff25;border-radius:24px}
.intro{padding:16px 2px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#b4a0e8;font-weight:700}
.intro h1{font-size:20px;line-height:1.4;letter-spacing:-.4px;font-weight:500;margin:0;white-space:nowrap}.intro h1 span{color:#9b9fb7}
.solar{--dock-space:156px;--planet-scale:1;position:relative;isolation:isolate;overflow:hidden;height:clamp(440px,calc(100svh - 272px),590px);border:1px solid #ffffff1c;border-radius:30px;background:radial-gradient(ellipse at 0 42%,#b96c2720,transparent 38%),radial-gradient(ellipse at 70% 20%,#30557333,transparent 68%),#080e1d}
.starfield{position:absolute;inset:0;pointer-events:none;opacity:.48;background-image:radial-gradient(#fff 1px,transparent 1.4px),radial-gradient(#b7c4f5 .8px,transparent 1.2px);background-size:93px 79px,137px 121px;background-position:13px 25px,55px 60px}
.planet-stage{position:absolute;inset:0 0 var(--dock-space);direction:ltr}
.sun{position:absolute;width:370px;height:370px;left:-294px;top:28px;border-radius:50%;background:radial-gradient(circle at 65% 42%,#fff7bd,#ffd379 28%,#efa946 58%,#e56422 83%);box-shadow:0 0 0 12px #eeb8580a,0 0 0 28px #eeb85807,0 0 55px #fba54a44,0 0 130px #ff972420;transition:opacity .6s;pointer-events:none}
.sun:after{content:'';position:absolute;inset:12px;border-radius:50%;background:repeating-radial-gradient(ellipse at 67% 40%,#ffd47644 0 2px,transparent 3px 6px);opacity:.45}
.sun-label{position:absolute;left:26px;bottom:34px;font-size:9px;letter-spacing:.23em;color:#dca577;pointer-events:none}
.orbit-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.orbit-lines ellipse{fill:none;stroke:#c1cce921;stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .5s}.orbit-lines ellipse.selected{stroke:#c7a5f577}
.planet-row{position:absolute;inset:12px 18px 18px 24px;pointer-events:none}
.planet-option{--focus-scale:1;--diameter:calc(var(--size)*var(--planet-scale));appearance:none;position:absolute;left:var(--x);top:var(--y);width:max(56px,calc(var(--diameter) + 12px));height:max(56px,calc(var(--diameter) + 12px));transform:translate(-50%,-50%);border:0;border-radius:50%;padding:0;background:transparent;color:#c2cbdf;cursor:pointer;pointer-events:auto;z-index:2;transition:left .65s cubic-bezier(.22,.8,.25,1),top .65s cubic-bezier(.22,.8,.25,1),opacity .45s,color .45s,transform .65s cubic-bezier(.22,.8,.25,1)}
.planet-option>*{pointer-events:none}.planet-body,.planet-label{pointer-events:auto}.planet-body{display:block;position:absolute;left:50%;top:50%;width:var(--diameter);height:var(--diameter);transform:translate(-50%,-50%) scale(var(--focus-scale));border-radius:50%;background:var(--surface);box-shadow:inset -16px -9px 22px #0009,inset 3px 2px 7px #ffffff36,6px 8px 24px #0007;transition:transform .65s cubic-bezier(.22,.8,.25,1),box-shadow .65s}
.planet-option:hover .planet-body{transform:translate(-50%,-50%) scale(calc(var(--focus-scale)*1.08))}.planet-option:hover{color:#fff}
.planet-label{position:absolute;top:calc(50% + var(--diameter)/2 + 12px);left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:6px;width:110px;transition:top .65s,opacity .4s}
.planet-name{font-size:12px;font-weight:600;letter-spacing:.025em}.planet-number{font-size:8px;color:#7b8aa8;letter-spacing:.15em}
.merkur{--x:11%;--y:66%;--size:36px;--surface:radial-gradient(circle at 27% 22%,#dfd1bd,transparent 60%),repeating-radial-gradient(circle at 63% 45%,#77736e 0 3px,#aaa196 5px,#827c76 8px)}
.venus{--x:21%;--y:39%;--size:54px;--surface:radial-gradient(circle at 27% 22%,#ffe2a3,transparent 55%),repeating-linear-gradient(165deg,#b8763d 0 8px,#dba865 14px,#9d652e 22px)}
.dunya{--x:32%;--y:55%;--size:66px;--surface:radial-gradient(ellipse at 30% 20%,#d9f1e8,transparent 28%),radial-gradient(ellipse at 37% 33%,#74a381 0 16%,transparent 18%),radial-gradient(ellipse at 67% 65%,#80a58c 0 19%,transparent 21%),radial-gradient(circle at 30% 30%,#538bbb,#174a7b 65%,#0b213a)}
.mars{--x:43%;--y:77%;--size:48px;--surface:radial-gradient(circle at 26% 22%,#edb785,transparent 55%),repeating-radial-gradient(ellipse at 65% 70%,#8c3e2a 0 8px,#c56a47 15px,#9b442b 21px)}
.jupiter{--x:57%;--y:47%;--size:120px;--surface:radial-gradient(ellipse at 68% 68%,#b77652 0 7%,transparent 10%),repeating-linear-gradient(172deg,#e3cbb1 0 9px,#b58d71 11px 18px,#d9b794 20px 28px,#a67658 31px 36px)}
.saturn{--x:71%;--y:26%;--size:86px;--surface:repeating-linear-gradient(172deg,#d9c6a6 0 8px,#aa9174 10px 16px,#dfcfb2 20px 26px)}
.saturn .planet-body:after{content:'';position:absolute;inset:34% -34%;border:8px solid #c8b59caa;border-top-color:#9d8d7899;border-radius:50%;transform:rotate(-27deg);box-shadow:0 0 0 3px #9c8b7855,0 0 0 6px #d5c5aa33}
.uranus{--x:82%;--y:69%;--size:70px;--surface:radial-gradient(circle at 30% 20%,#cfefec,#77bdc7 45%,#398490)}
.neptun{--x:92%;--y:45%;--size:68px;--surface:radial-gradient(circle at 30% 20%,#859cdf,transparent 60%),repeating-linear-gradient(172deg,#406ec8 0 13px,#3155a7 18px 25px)}
.has-selection .sun{opacity:.6}.has-selection .planet-option:not(.selected){opacity:.47}.has-selection .planet-option:not(.selected):hover,.has-selection .planet-option:not(.selected):focus-visible{opacity:1}
.planet-option.selected{--focus-scale:1.55;transform:translate(-50%,calc(-50% - 6px));color:#ebd6ff;z-index:4}.planet-option.selected .planet-body{box-shadow:inset -16px -9px 22px #0009,inset 3px 2px 7px #ffffff36,0 0 42px #baa4e51b,6px 8px 24px #0007}
.planet-option.selected .planet-label{top:calc(50% + var(--diameter)*.775 + 18px)}
.selection-mark{position:absolute;left:calc(50% + var(--diameter)*.775 + 12px);top:calc(50% - var(--diameter)*.775 - 7px);display:grid;place-items:center;width:24px;height:24px;border:1px solid #dac2fd66;border-radius:50%;background:#151b2bdd;color:#e5cdfc;font-size:18px;opacity:0;transition:opacity .4s}
.selected .selection-mark{opacity:1}
.scene-caption{position:absolute;left:28px;right:28px;bottom:calc(var(--dock-space) + 8px);display:flex;justify-content:space-between;gap:12px;color:#8794ae;font-size:9px;letter-spacing:.13em;pointer-events:none}
.scene-dock{position:absolute;left:20px;right:20px;bottom:18px;height:126px;border:1px solid #bbcceb20;border-radius:20px;background:linear-gradient(110deg,#142338f2,#101827f2);backdrop-filter:blur(12px)}
.scene-idle{height:100%;display:grid;align-content:center;justify-items:center;gap:8px;padding:12px;text-align:center}.scene-idle p{font-size:14px;margin:0;color:#d9e2f4}.scene-idle small{font-size:10px;line-height:1.5;color:#8e9bb6}.idle-icon{font-size:24px;color:#c3ace6;line-height:1}
.details{position:relative;display:grid;grid-template-columns:1fr minmax(230px,32%);gap:24px;align-items:center;height:100%;padding:16px 54px 16px 24px;direction:inherit}
.selected-copy{min-width:0}.selected-copy .eyebrow{margin:0 0 6px;font-size:8px}.selected-copy h2{font-size:27px;font-weight:500;letter-spacing:-1px;margin:0 0 5px}.selected-copy>p:not(.eyebrow){font-size:12px;line-height:1.5;margin:0;color:#afbdd5}.selected-copy .selected-description{display:none}
.selected-action{display:flex;align-items:center;gap:20px}.fact{flex-shrink:0}.fact strong{display:block;font-size:18px;font-weight:500}.fact span{display:block;font-size:9px;color:#94a6c2;margin-top:6px}
.primary{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#d9c3fc;color:#191227;padding:15px 18px;border-radius:12px;font-size:12px;font-weight:700;min-height:48px;flex:1;white-space:normal}.primary:hover{background:#eddefe}.primary>span:first-child{overflow-wrap:anywhere}
.scene-reset{position:absolute;top:10px;right:10px;width:32px;height:32px;border:1px solid #b3bde333;border-radius:50%;background:#1b273d;color:#c5d2e9;font-size:23px;cursor:pointer}.scene-reset:hover{background:#30425e}
.journey{padding:45px 0 55px}.journey>h2{font-size:30px;font-weight:500;letter-spacing:-1px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px}.journey article{border-top:1px solid #ffffff1a;padding:23px 0}.journey article>span{font-size:9px;letter-spacing:.12em;color:#9382b4}.journey h3{font-size:17px;font-weight:500}.journey p{font-size:12px;color:#919bb4;line-height:1.9}.journey a{font-size:12px;color:#d9c3fc}
footer{border-top:1px solid #ffffff13;padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#788399;font-size:10px}footer .logo{font-size:19px;color:#cad0e2}
html[dir=rtl] .scene-reset{right:auto;left:10px}html[dir=rtl] .details{padding:16px 24px 16px 54px}
@media(max-width:1000px){.solar{--planet-scale:.82;height:clamp(440px,calc(100svh - 272px),540px)}.planet-label{width:88px}.planet-name{font-size:11px}.details{grid-template-columns:1fr minmax(200px,36%);gap:18px}.selected-action{gap:12px}.primary{padding:12px}.selected-copy h2{font-size:25px}}
@media(max-width:650px){
 .top,main,footer{width:calc(100% - 28px)}.top{height:66px}.logo{font-size:22px}nav{gap:14px;font-size:11px}nav>a:nth-child(2){display:none}.account{padding:9px 12px}
 .intro{padding:12px 2px}.intro h1{font-size:clamp(12px,3.8vw,18px);letter-spacing:-.2px}
 .solar{--planet-scale:.64;--dock-space:152px;height:clamp(470px,calc(100svh - 226px),574px);border-radius:24px}.planet-row{inset:8px 12px 20px}.sun{width:220px;height:220px;left:-178px;top:-18px;box-shadow:0 0 0 12px #eeb85807,0 0 55px #fba54a33}.sun-label{left:17px;top:109px;bottom:auto;font-size:8px}.orbit-lines{opacity:.8}
 .merkur{--x:18%;--y:34%}.venus{--x:44%;--y:20%}.dunya{--x:76%;--y:39%}.mars{--x:28%;--y:57%}.jupiter{--x:62%;--y:61%}.saturn{--x:76%;--y:17%}.uranus{--x:43%;--y:82%}.neptun{--x:81%;--y:83%}
 .planet-option{width:max(48px,calc(var(--diameter) + 8px));height:max(48px,calc(var(--diameter) + 8px))}.planet-option .planet-body{box-shadow:inset -10px -6px 17px #0009,inset 3px 2px 6px #ffffff36,6px 8px 20px #0007}.planet-label{gap:4px;top:calc(50% + var(--diameter)/2 + 10px);width:86px}.planet-name{font-size:10px}.planet-number{font-size:7px}.saturn .planet-body:after{border-width:5px;box-shadow:0 0 0 2px #9c8b7855,0 0 0 4px #d5c5aa33}
 .planet-option.selected{--focus-scale:1.45}.planet-option.selected .planet-label{opacity:0}.selection-mark{left:calc(50% + var(--diameter)*.725 + 8px);top:calc(50% - var(--diameter)*.725 - 6px);width:22px;height:22px;left:calc(50% + var(--diameter)*.45);top:calc(50% - var(--diameter)*.45)}
 .scene-caption{left:17px;right:17px;font-size:7px;letter-spacing:.06em;bottom:calc(var(--dock-space) + 6px)}
 .scene-dock{left:10px;right:10px;bottom:12px;height:128px;border-radius:17px}.scene-idle{gap:7px;padding:12px}.scene-idle p{font-size:12px}.scene-idle small{font-size:9px}.idle-icon{font-size:20px}
 .details{grid-template-columns:1fr;gap:9px;padding:12px 14px}.selected-copy{padding-inline-end:26px}.selected-copy .eyebrow{font-size:7px;margin:0 0 4px}.selected-copy h2{font-size:21px;margin:0 0 3px}.selected-copy>p:not(.eyebrow){font-size:10px;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.selected-action{gap:16px}.fact strong{font-size:14px}.fact span{font-size:8px;margin-top:3px}.primary{font-size:11px;min-height:40px;padding:10px 12px}.scene-reset{top:10px;right:10px;width:28px;height:28px;font-size:21px}
 html[dir=rtl] .details{padding:12px 14px}
 .journey{padding:32px 2px}.journey>h2{font-size:25px}.journey-grid{grid-template-columns:1fr;gap:0;margin-top:20px}footer{flex-wrap:wrap}footer>span:last-child{width:100%}
}
@media(max-width:360px){.solar{--planet-scale:.58;height:clamp(470px,calc(100svh - 226px),560px)}.planet-name{font-size:9px}.scene-caption{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Orbit geometry is shared by the tracks and planet positions in universe.js. */
.solar{height:clamp(460px,calc(100svh - 200px),650px);--dock-space:195px;--planet-scale:.62;background:radial-gradient(ellipse at 50% 34%,#25455c40,transparent 65%),#080e1d}
.planet-row{inset:0}.sun{width:58px;height:58px;left:50%;top:48%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #eeb85808,0 0 30px #fba54a66,0 0 80px #ff972429}
.sun-label{left:50%;top:calc(48% + 42px);bottom:auto;transform:translateX(-50%);font-size:8px}.sun:after{inset:5px}
.orbital-ready .planet-option{transition:opacity .35s,color .35s,transform .5s;min-width:44px;min-height:44px}
.orbital-ready .planet-label{opacity:0}.orbital-ready .planet-option:is(:hover,:focus-visible,.selected) .planet-label{opacity:1}
.planet-picker{position:absolute;bottom:151px;left:20px;right:20px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;direction:ltr}
.planet-picker button{min-height:36px;border:1px solid #a9c6df20;border-radius:12px;background:#0f1b2c;color:#afc0d6;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.planet-picker button>span{font-size:8px;letter-spacing:.06em;color:#738ca8}.planet-picker button:hover{background:#20334a;color:#fff}.planet-picker button[aria-pressed=true]{border-color:#d9c3fc88;background:#302942;color:#ebd6ff}
@media(max-width:1000px){.solar{height:clamp(460px,calc(100svh - 200px),630px);--planet-scale:.58}.planet-picker button{gap:4px;font-size:10px}}
@media(max-width:650px){.solar{height:clamp(520px,calc(100svh - 128px),690px);--dock-space:230px;--planet-scale:.46}.sun{width:36px;height:36px;left:50%;top:48%}.sun-label{left:50%;top:calc(48% + 29px);font-size:7px}.planet-picker{bottom:150px;left:10px;right:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.planet-picker button{min-height:32px;font-size:10px;gap:5px}.orbital-ready .planet-label{width:76px}.orbital-ready .planet-option.selected .planet-label{opacity:0}.cosmic-comets{z-index:1}}
@media(max-width:360px){.solar{--planet-scale:.4}.planet-picker button{font-size:9px}.planet-picker button>span{font-size:7px}}

.solar{--dock-space:80px;height:clamp(334px,calc(100svh - 326px),524px)}
.planet-picker{bottom:20px}
.planet-picker button{font-size:15px;font-weight:800;min-height:40px}
.planet-name{font-size:15px;font-weight:800}
@media(max-width:650px){.solar{--dock-space:130px;height:clamp(394px,calc(100svh - 254px),564px)}.planet-picker{bottom:16px}.planet-picker button{font-size:13px;min-height:38px}.planet-name{font-size:13px}}
@media(max-width:360px){.planet-picker button{font-size:12px}}

/* Navy journey cards use readable gold headings and clear supporting copy. */
html.summer-theme .beta-universe .journey .journey-grid article{min-width:0}
html.summer-theme .beta-universe .journey .journey-grid article h3{color:#f0d18b!important;font-family:inherit;font-size:clamp(20px,2vw,24px)!important;font-weight:750!important;line-height:1.3;letter-spacing:-.015em;margin:0 0 12px;overflow-wrap:normal;word-break:normal}
html.summer-theme .beta-universe .journey .journey-grid article p{color:#e5ddcc!important;font-size:15px!important;font-weight:500!important;line-height:1.75!important;margin:0;overflow-wrap:normal;word-break:normal}
html.summer-theme .beta-universe .journey .journey-grid article a{display:inline-flex;align-items:center;min-height:44px;color:#f0d18b!important;font-size:14px!important;font-weight:650;text-underline-offset:4px;margin-top:8px}