@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');

body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; background-color: #0F0F0F; }

.glass-card {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.input-field {
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    color: white;
    outline: none;
}

.input-field:focus { border-color: #FF6B00; }

.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Clients Ticker Animation */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* Moves halfway to loop perfectly */
}

.animate-marquee {
    display: inline-flex;
    animation: marquee 20s linear infinite; /* Adjust '20s' for speed */
    width: max-content; /* Ensures the flex container doesn't shrink */
}

/* Optional: Pause on hover to make it feel premium */
.animate-marquee:hover {
    animation-play-state: paused;
}

#bg-canvas {
    background-color: #0F0F0F;
    transition: background-color 1s ease;
}

/* Star Glow */
#starfield { filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.8)); }

::selection { background: #FF6B00; color: #000; }