*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030611;color:#edf3ff}body{font-family:"Segoe UI",Arial,sans-serif}#universe{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,transparent 25%,#01030b40 75%,#01030b99 100%)}main{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;user-select:none}h1{font-size:clamp(40px,7.8vw,112px);font-weight:300;letter-spacing:.17em;padding-left:.17em;line-height:1.2;margin:30px 0 28px;text-shadow:0 0 30px #c0d8ff25,0 4px 28px #000b}.orbit-mark{position:relative;width:42px;height:42px;margin:auto;border:1px solid #b1ceff33;border-radius:50%;transform:rotate(-30deg)}.orbit-mark:after{content:"";position:absolute;left:-10px;right:-10px;top:11px;height:17px;border:1px solid #a9c8ff70;border-radius:50%}.orbit-mark span{position:absolute;width:6px;height:6px;left:17px;top:17px;background:#dceaff;border-radius:50%;box-shadow:0 0 18px #88bcff}.orbit-mark i{position:absolute;inset:-7px;animation:orbit 22s linear infinite}.orbit-mark i:after{content:"";position:absolute;top:0;left:25px;width:3px;height:3px;border-radius:50%;background:#bcd5ff;box-shadow:0 0 10px #9dbdfc}.signal{display:flex;justify-content:center;gap:7px}.signal span{height:3px;width:3px;background:#8cbcff99;border-radius:50%;animation:signal 3.8s ease-in-out infinite}.signal span:nth-child(2){animation-delay:.35s}.signal span:nth-child(3){animation-delay:.7s}footer{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.36em;color:#a4bad56b;font-weight:500}#motion{position:fixed;right:25px;bottom:21px;width:37px;height:37px;border:1px solid #abcfff22;border-radius:50%;display:grid;place-items:center;background:#060d1b66;color:#a8c7e2a0;backdrop-filter:blur(8px);cursor:pointer;transition:color .2s,border-color .2s}#motion:hover{color:#e0ecff;border-color:#b2d0ff77}#motion:focus-visible{outline:2px solid #b9d9ff;outline-offset:4px}#motion svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}body.paused .orbit-mark i,body.paused .signal span{animation-play-state:paused}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes signal{0%,80%,100%{opacity:.25}40%{opacity:1;box-shadow:0 0 8px #a4ccff99}}@media(max-width:480px){h1{font-size:clamp(36px,10vw,52px);letter-spacing:.12em;padding-left:.12em}main{top:44%}footer{bottom:26px;font-size:9px}#motion{right:17px;bottom:16px}.orbit-mark{transform:rotate(-30deg) scale(.85)}}@media(prefers-reduced-motion:reduce){.orbit-mark i,.signal span{animation:none}}

.portals{display:flex;justify-content:center;gap:14px;margin:0 0 26px}.portal{display:flex;align-items:center;justify-content:space-between;gap:27px;min-width:124px;min-height:46px;padding:12px 17px;border:1px solid #a6c8ff35;border-radius:12px;background:linear-gradient(135deg,#5679a51c,#15243e45);box-shadow:inset 0 1px 0 #d9e8ff0c,0 7px 22px #0003;backdrop-filter:blur(12px);color:#c6d8ef;text-decoration:none;font-size:14px;font-weight:400;letter-spacing:.15em;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s,color .2s}.portal svg{width:13px;height:13px;fill:none;stroke:#8baacd;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.portal:hover{transform:translateY(-3px);border-color:#b0d1ff88;background:linear-gradient(135deg,#6a9bda32,#233b604d);box-shadow:inset 0 1px 0 #d9e8ff15,0 0 24px #7298e017,0 9px 22px #0004;color:#eef5ff}.portal:hover svg{transform:translate(1px,-1px)}.portal:active{transform:translateY(0)}.portal:focus-visible{outline:2px solid #b9d9ff;outline-offset:5px}@media(max-width:480px){.portal{min-width:112px;min-height:46px;padding:12px 15px}.portals{gap:12px;margin-bottom:23px}}@media(prefers-reduced-motion:reduce){.portal,.portal svg{transition:none}}