.space-portal{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 42%,#1f236339,transparent 55%),#050919;color:#f3f4ff;padding:0 clamp(24px,5.5vw,100px);display:flex;flex-direction:column;font-family:inherit}
.portal-stars{position:absolute;inset:0;z-index:-2;opacity:.65;background-image:radial-gradient(1px 1px at 11% 21%,#d2eeff 85%,transparent),radial-gradient(1px 1px at 42% 68%,#fff 85%,transparent),radial-gradient(1.5px 1.5px at 81% 29%,#bde9ff 85%,transparent),radial-gradient(1px 1px at 24% 91%,#9cc4fe 85%,transparent),radial-gradient(1px 1px at 71% 76%,#fff 85%,transparent);background-size:237px 251px,359px 301px,521px 449px,199px 367px,419px 271px}
.portal-nebula{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 74% 35%,#5662ca21,transparent 33%),radial-gradient(ellipse at 96% 88%,#15658d20,transparent 45%);pointer-events:none}
.portal-header{height:112px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #bdd3ff13;z-index:2}.portal-brand{display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.5;letter-spacing:3px;font-weight:750}.portal-brand>span:last-child>span{display:block;font-size:10px;letter-spacing:5px;color:#8c9ebf}.portal-brand-icon{font-size:38px;color:#a6cdff;text-shadow:0 0 24px #7598ff99}.portal-coordinate{margin-left:auto;color:#7d89a8;font:10px ui-monospace,monospace;letter-spacing:2px}.portal-signout{border:1px solid #667da155;border-radius:100px;background:#17223955;color:#d6e5ff;padding:10px 20px;font-size:12px;cursor:pointer}.portal-signout:hover{border-color:#a5c9ff;background:#25344f}
.portal-main{width:100%;max-width:1500px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:640px;position:relative;flex:1;padding:64px 0;outline:none}.portal-copy{position:relative;z-index:2}.portal-kicker{font-size:10px;font-weight:650;letter-spacing:3px;color:#a6badc;display:flex;align-items:center;gap:12px}.portal-kicker i{width:6px;height:6px;border-radius:50%;background:#98ffdc;box-shadow:0 0 13px #98ffdc80}.portal-copy h1{font-size:clamp(44px,5.7vw,88px);line-height:1.07;letter-spacing:-3.5px;font-weight:700;margin:26px 0}.portal-copy h1 em{font-style:normal;color:#c1bbff;background:linear-gradient(95deg,#b8dbff,#c2b5ff 60%,#eeccff);background-clip:text;-webkit-text-fill-color:transparent}.portal-copy>p{font-size:clamp(15px,1.25vw,18px);line-height:1.9;color:#9eadc9;margin:0;max-width:410px}.portal-entry{margin-top:36px;display:flex;align-items:flex-start;flex-direction:column;gap:14px}.portal-launch{display:flex;gap:36px;align-items:center;justify-content:space-between;border:1px solid #c9d3ff;border-radius:14px;color:#101d3b;background:linear-gradient(120deg,#d4e9ff,#b7b6ff);padding:18px 23px;font-size:15px;font-weight:750;box-shadow:0 10px 40px #789cff22,inset 0 1px 1px #ffffff;cursor:pointer;transition:transform .18s,box-shadow .18s}.portal-launch:hover{transform:translateY(-3px);box-shadow:0 15px 40px #789cff44}.portal-launch:disabled{opacity:.65;cursor:wait}.portal-launch span{font-size:24px;line-height:1}.portal-entry-note{font-size:11px;color:#8b9ab7}.portal-parent{background:none;border:0;color:#8291af;padding:0;margin-top:30px;font-size:11px;cursor:pointer;text-align:left;line-height:1.7}.portal-parent strong{display:block;color:#c0cce3;font-size:12px;font-weight:550}.portal-parent:hover strong{color:#e8ddff}
.portal-cosmos{height:540px;perspective:1100px;position:relative;overflow:visible;pointer-events:none}.cosmos-tilt{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s ease-out}.portal-planet{position:absolute;width:min(30vw,440px);height:min(30vw,440px);left:10%;top:10%;border-radius:50%;background:radial-gradient(circle at 30% 23%,#aff8ee 0%,#6ca6dc 20%,#4964b4 39%,#353c82 58%,#111730 82%);box-shadow:inset -32px -24px 50px #050b23a8,inset 5px 5px 10px #cffaff66,0 0 55px #527aea30,0 0 150px #7a70ff13;transform:translateZ(20px) rotate(-24deg);overflow:hidden}.planet-bands{position:absolute;inset:-30%;opacity:.5;transform:rotate(6deg);background:repeating-linear-gradient(0deg,transparent 0 29px,#bfddf223 34px,#a3bded24 36px,transparent 47px,#3c65915c 63px,transparent 78px);filter:blur(4px);border-radius:50%}.planet-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 29% 24%,transparent 23%,#0407176b 65%,#040717 100%)}.orbit{position:absolute;width:125%;height:40%;left:-17%;top:28%;border-radius:50%;transform:rotate(-27deg) rotateX(37deg);border:17px solid #b1aaff70;box-shadow:0 0 0 3px #b9c2ff18,0 0 0 12px #b9b6ed16,0 0 0 15px #bbcdff2e,0 0 25px #95b1fb30,inset 0 0 15px #aac5ff33}.orbit-back{clip-path:inset(0 0 48% 0);z-index:0}.orbit-front{clip-path:inset(49% -10% -15% -10%);z-index:3;transform:translateZ(60px) rotate(-27deg) rotateX(37deg);border-color:#b0b9ebaa}.portal-moon{position:absolute;right:0;top:8%;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#e0d4f4,#8d83a7 32%,#242440 75%);box-shadow:inset -10px -7px 18px #050a1a,0 0 25px #b8a7e510;transform:translateZ(-20px)}.portal-small-planet{position:absolute;left:-7%;bottom:10%;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f4caaa,#b46d63 30%,#37202c 75%);transform:translateZ(80px)}.portal-bot{position:absolute;right:-2%;bottom:-2%;width:39%;height:auto;object-fit:contain;transform:translateZ(105px) rotate(8deg);filter:drop-shadow(10px 20px 25px #0009);animation:portal-float 8s ease-in-out infinite;z-index:5}.planet-label{position:absolute;left:22%;bottom:5%;display:grid;gap:6px;transform:translateZ(30px)}.planet-label small{color:#8aa3c9;font:9px ui-monospace,monospace;letter-spacing:2px}.planet-label strong{font-size:11px;color:#cfdef1;font-weight:500}.label-line{width:40px;height:1px;background:#748eb7;margin-bottom:6px}.portal-satellite{position:absolute;left:0;top:6%;display:flex;align-items:center;gap:3px;transform:translateZ(75px) rotate(-25deg);opacity:.75}.portal-satellite>span{width:23px;height:14px;border:1px solid #9dacd5;background:repeating-linear-gradient(90deg,#6487ab 0 4px,#a2bfde 5px 6px)}.portal-satellite i{width:12px;height:20px;border-radius:4px;background:linear-gradient(90deg,#7381a7,#d6e2f6,#7283a5)}.cosmos-spark{position:absolute;color:#d2dcff;text-shadow:0 0 16px #bad7ff77;font-size:27px}.spark-one{right:9%;top:40%}.spark-two{left:19%;top:-2%;font-size:16px}
.portal-footer{min-height:100px;border-top:1px solid #bdd3ff13;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:2}.portal-destinations{display:flex;gap:28px;color:#8c9dbd;font-size:11px}.portal-destinations b{font:9px ui-monospace,monospace;color:#667898;margin-right:10px}.portal-companion{font-size:11px;color:#8595b3;white-space:nowrap}.portal-companion strong{font-weight:550;color:#d5def2}
@keyframes portal-float{50%{translate:0 -12px;rotate:-3deg}}
@media(min-width:1600px){.portal-cosmos{height:620px}.portal-main{min-height:720px}}
@media(max-width:1000px){.portal-main{min-height:620px;grid-template-columns:1.1fr 1fr}.portal-copy h1{letter-spacing:-2px}.portal-cosmos{height:440px}.portal-planet{top:18%}.orbit{top:29%;height:32%;border-width:10px}.portal-bot{bottom:5%;width:47%}.portal-destinations{gap:16px}.portal-destinations span:nth-child(3){display:none}.portal-coordinate{display:none}.portal-signout{margin-left:auto}}
@media(max-width:640px){.space-portal{padding:0 25px}.portal-header{height:82px}.portal-brand{font-size:11px;letter-spacing:2px}.portal-brand>span:last-child>span{font-size:8px}.portal-brand-icon{font-size:29px}.portal-signout{font-size:11px;padding:9px 16px}.portal-main{display:flex;flex-direction:column;min-height:0;padding:40px 0 20px;align-items:stretch;gap:6px}.portal-copy{order:1}.portal-kicker{font-size:8px;letter-spacing:2px}.portal-copy h1{font-size:48px;letter-spacing:-2px;margin:19px 0 16px}.portal-copy>p{font-size:14px}.portal-entry{margin-top:24px}.portal-launch{width:100%;justify-content:space-between;padding:17px 20px}.portal-parent{margin-top:20px}.portal-parent strong{display:inline;margin-left:4px}.portal-cosmos{order:0;height:245px;width:285px;align-self:center;margin-top:-12px;margin-bottom:12px}.portal-planet{width:190px;height:190px;left:15%;top:6%}.orbit{width:115%;height:33%;top:28%;left:-4%;border-width:10px}.portal-moon{width:35px;height:35px;right:0;top:2%}.portal-bot{width:100px;bottom:0;right:-7%}.planet-label{display:none}.portal-small-planet{left:0;bottom:5%;width:25px;height:25px}.portal-satellite{scale:.7;top:0;left:0}.spark-two{top:-5%;left:40%}.spark-one{right:0;top:45%;font-size:17px}.portal-footer{margin-top:24px;padding:22px 0;min-height:0;align-items:flex-start;gap:16px;flex-direction:column}.portal-destinations{font-size:10px;gap:18px}.portal-companion{font-size:10px}}
@media(prefers-reduced-motion:reduce){.portal-bot{animation:none}.cosmos-tilt{transform:none!important;transition:none}.portal-launch:hover{transform:none}}