body{position:relative;isolation:isolate}
.social-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;background:radial-gradient(ellipse at 90% 20%,#20518422,transparent 45%),radial-gradient(ellipse at 10% 80%,#19396325,transparent 50%)}
.space-sky{position:absolute;inset:-25px;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform 1.8s ease-out}
.space-star{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#cbe8ff;opacity:.35;box-shadow:0 0 7px #8bc7ff45;animation:starlight var(--duration) ease-in-out var(--delay) infinite}
.constellation-map{position:absolute;inset:0;opacity:.5}.constellation-map svg{width:100%;height:100%}
.space-orbit{position:absolute;border:1px solid #8bc7ff12;border-radius:50%;width:650px;height:650px;transform:rotate(-30deg) scaleY(.45)}
.orbit-0{right:-270px;top:8%}.orbit-1{left:-290px;bottom:-100px;transform:rotate(35deg) scaleY(.5);width:850px;height:850px}
.orbit-traveller{position:absolute;inset:0;animation:stellar-orbit 60s linear infinite}.orbit-1 .orbit-traveller{animation-duration:85s;animation-direction:reverse}
.orbit-traveller i{position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#b3dcff;box-shadow:0 0 16px #8bc7ff;opacity:.5}
.method{background:radial-gradient(ellipse at 100% 10%,#f4f9fff2,#dceafae8 65%)}
.contact{background:radial-gradient(ellipse at 5% 100%,#1b5076de,#10283ec9 45%,#101b29dd 90%)}
.background-toggle{border:1px solid #8bc7ff30;border-radius:999px;color:#b7cfe5;background:#101c2b;padding:9px 13px;font-size:10px;align-self:flex-end;cursor:pointer}.background-toggle:hover{background:#1d334a}
.social-background.is-paused *,.social-background.is-hidden *{animation-play-state:paused!important}
@keyframes starlight{0%,100%{opacity:.16}50%{opacity:.65}}
@keyframes stellar-orbit{to{transform:rotate(360deg)}}
@media(max-width:700px){.space-star:nth-child(n+51){display:none}.constellation-map{opacity:.32}.space-orbit{opacity:.6}.footer>div{flex-wrap:wrap;align-items:center;gap:15px}.background-toggle{font-size:9px}}
@media(prefers-reduced-motion:reduce){.social-background *{animation:none!important}.space-sky{transform:none!important;transition:none!important}.background-toggle{display:none}}
.shooting-star{position:absolute;left:12%;top:12%;width:130px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#8bc7ff80 70%,#edf9ff);box-shadow:0 0 9px #8bc7ff40;opacity:0;transform:rotate(28deg);animation:shooting-pass 17s linear infinite;pointer-events:none}
.shooting-star:after{content:'';position:absolute;right:0;top:-1px;width:4px;height:4px;border-radius:50%;background:#ecf8ff;box-shadow:0 0 9px #b5e1ff}
.shooting-star-1{left:51%;top:28%;width:100px;animation-duration:23s;animation-delay:5s}
.shooting-star-2{left:20%;top:62%;width:110px;animation-duration:29s;animation-delay:10s}
@keyframes shooting-pass{0%,2%{opacity:0;transform:translate(0,0) rotate(28deg)}3%{opacity:.8}9%{opacity:0;transform:translate(340px,180px) rotate(28deg)}100%{opacity:0;transform:translate(340px,180px) rotate(28deg)}}
@media(max-width:700px){.shooting-star{width:85px}.shooting-star-1{left:20%}.shooting-star-2{display:none}}
@media(prefers-reduced-motion:reduce){.shooting-star{display:none}}
/* Keep animation controls consistent with the other buttons. */
.motion-toggle,.background-toggle{font-family:Arial,sans-serif;font-style:normal}