/* Custom Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #020617; /* Slate 950 */
    color: #e2e8f0;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f172a;
}
::-webkit-scrollbar-thumb {
    background: #4f46e5;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4338ca;
}

/* Animations */
@keyframes float-slow {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.1; }
    50% { transform: translateY(-20px) rotate(5deg); opacity: 0.3; }
}

@keyframes float-medium {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.15; }
    50% { transform: translateY(30px) rotate(-5deg); opacity: 0.25; }
}

@keyframes spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.animate-float-slow {
    animation: float-slow 10s ease-in-out infinite;
}

.animate-float-medium {
    animation: float-medium 7s ease-in-out infinite;
}

.animate-spin-slow {
    animation: spin-slow 20s linear infinite;
}

/* Utility for Satellite Icon simulation if feather doesn't have it */
.icon-satellite-svg {
    fill: currentColor;
    stroke: none;
}