:root{--bg:#04020a;--ink:#f7f2ff;--muted:#a99cba;--violet:#a578ff;--pink:#ff8bd8;--cyan:#70e9ff}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 50% 15%,#1b1234 0,transparent 35%),linear-gradient(#05020c,#090412 55%,#030207);font:15px/1.4 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}#stardust{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.72}.nebula{position:fixed;width:50vw;height:50vw;border-radius:50%;filter:blur(100px);opacity:.18;pointer-events:none}.nebula-a{left:-22vw;top:20vh;background:#664cff;animation:driftA 15s ease-in-out infinite}.nebula-b{right:-20vw;top:40vh;background:#ff5fbd;animation:driftB 18s ease-in-out infinite}@keyframes driftA{50%{transform:translate(12vw,-8vh) scale(1.15)}}@keyframes driftB{50%{transform:translate(-12vw,8vh) scale(.9)}}main{position:relative;z-index:2;min-height:100vh;padding:5vh 28px 7vh}.cosmos{height:min(58vh,590px);display:grid;place-items:center;perspective:900px}.orbital{position:relative;width:min(440px,76vw);aspect-ratio:1;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .25s ease-out}.sphere{position:relative;width:43%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff 0 2%,#aef8ff 4%,#9673ff 19%,#6b28b5 42%,#1b092b 69%,#040208 78%);box-shadow:0 0 35px #8e65ffaa,0 0 100px #843ddc77,0 0 190px #ff74d73d;animation:breathe 5s ease-in-out infinite;overflow:hidden}.sphere:before{content:"";position:absolute;inset:-25%;border-radius:45%;background:conic-gradient(from 25deg,transparent,#ffffff44,transparent,#ff8bd844,transparent);mix-blend-mode:screen;animation:turn 11s linear infinite}.sphere:after{content:"";position:absolute;inset:7%;border-radius:50%;border:1px solid #ffffff42;box-shadow:inset -26px -20px 45px #0009}.sphere span,.sphere b,.sphere em{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;animation:spark 3s ease-in-out infinite}.sphere span{width:5px;height:5px;left:30%;top:28%}.sphere b{width:3px;height:3px;right:26%;top:42%;animation-delay:-1s}.sphere em{width:4px;height:4px;left:46%;bottom:24%;animation-delay:-2s}.orbit{position:absolute;border:1px solid #d4c2ff40;border-radius:50%;transform:rotateX(68deg) rotateZ(12deg);box-shadow:0 0 25px #9678ff16}.o1{inset:17%;animation:orbit 10s linear infinite}.o2{inset:7%;border-style:dashed;transform:rotateX(62deg) rotateZ(-28deg);animation:orbit2 17s linear infinite}.o3{inset:-6%;border-color:#ff8bd825;transform:rotateX(76deg) rotateZ(48deg);animation:orbit 24s linear infinite reverse}@keyframes breathe{50%{transform:scale(1.045);filter:saturate(1.2);box-shadow:0 0 55px #8e65ffdd,0 0 130px #843ddc99,0 0 220px #ff74d755}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotateX(68deg) rotateZ(372deg)}}@keyframes orbit2{to{transform:rotateX(62deg) rotateZ(332deg)}}@keyframes spark{50%{opacity:.2;transform:scale(.3)}}.platforms{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.platforms article{min-height:190px;padding:21px;border:1px solid #ffffff1f;border-radius:21px;background:linear-gradient(145deg,#ffffff10,#ffffff05);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff18,0 16px 50px #0005;display:flex;flex-direction:column;transition:.35s;transform-style:preserve-3d}.platforms article:hover{transform:translateY(-9px) rotateX(3deg);border-color:#b893ff66;background:linear-gradient(145deg,#cdaaff18,#ffffff08);box-shadow:0 24px 65px #421f6e55,inset 0 1px #ffffff25}.os-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#a981ff,#6347c6);font-size:20px;font-weight:900;box-shadow:0 9px 24px #7352d855}.os-mark.apple{background:linear-gradient(145deg,#fff,#aca4b7);color:#30283a}.platforms h2{font-size:20px;margin:17px 0 14px}.actions{display:grid;gap:8px;margin-top:auto}.actions a{display:block;padding:9px 11px;border:1px solid #ffffff1e;border-radius:10px;color:#cfc3dd;text-decoration:none;text-align:center;font-size:12px;transition:.2s}.actions a:hover{color:#fff;border-color:#c197ff88}.actions a.primary{color:#11081d;border:0;background:linear-gradient(135deg,#8feeff,#be89ff 56%,#ff9bdc);font-weight:800;box-shadow:0 8px 22px #aa7cff33}@media(max-width:950px){.platforms{grid-template-columns:repeat(3,1fr)}.cosmos{height:50vh}}@media(max-width:620px){main{padding:2vh 14px 5vh}.cosmos{height:43vh}.orbital{width:70vw}.platforms{grid-template-columns:1fr 1fr;gap:10px}.platforms article{min-height:172px;padding:16px}.platforms article:last-child{grid-column:1/-1}.platforms h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.orbital{transform:none!important}}