:root { --bg-dark: #050508; }
html, body { height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; background-color: var(--bg-dark); font-family: "Inter", sans-serif; position: fixed; inset: 0; -webkit-tap-highlight-color: transparent; }
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.safe-pt { padding-top: env(safe-area-inset-top); }
.safe-pb { padding-bottom: env(safe-area-inset-bottom); }
.safe-pl { padding-left: env(safe-area-inset-left); }
.safe-pr { padding-right: env(safe-area-inset-right); }
@keyframes orbit-1 { 0% { transform: rotate3d(1, 1, 1, 0deg); } 100% { transform: rotate3d(1, 1, 1, 360deg); } }
@keyframes orbit-2 { 0% { transform: rotate3d(1, -1, 1, 0deg); } 100% { transform: rotate3d(1, -1, 1, 360deg); } }
@keyframes orbit-3 { 0% { transform: rotate3d(-1, 1, 1, 0deg); } 100% { transform: rotate3d(-1, 1, 1, 360deg); } }
@keyframes orbit-4 { 0% { transform: rotate3d(1, 1, -1, 0deg); } 100% { transform: rotate3d(1, 1, -1, 360deg); } }
@keyframes orbit-5 { 0% { transform: rotate3d(0, 1, 1, 0deg); } 100% { transform: rotate3d(0, 1, 1, 360deg); } }
@keyframes orbit-6 { 0% { transform: rotate3d(1, 0, 0, 0deg); } 100% { transform: rotate3d(1, 0, 0, 360deg); } }
@keyframes star-twinkle { 0%, 100% { opacity: 0.3; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1.2); } }
.animate-orbit-1 { animation: orbit-1 6s linear infinite; }
.animate-orbit-2 { animation: orbit-2 7s linear infinite; }
.animate-orbit-3 { animation: orbit-3 8s linear infinite; }
.animate-orbit-4 { animation: orbit-4 9s linear infinite; }
.animate-orbit-5 { animation: orbit-5 10s linear infinite; }
.animate-orbit-6 { animation: orbit-6 11s linear infinite; }
.animate-star { animation: star-twinkle 3s ease-in-out infinite; }
.star { position: absolute; background: white; border-radius: 50%; }