/* Alan Adi Specific Styles */

:root {
    --bg: #030303;
    --accent: #3b82f6;
    --accent-glow: rgba(59, 130, 246, 0.1);
}

/* .spotlight, .cyber-grid → global.css'den miras alınır */

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}
.animate-float { animation: float 6s ease-in-out infinite; }

/* Marquee Animation */
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes marqueeReverse { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }

.marquee-container {
    display: flex;
    width: max-content;
    animation: marquee 60s linear infinite;
}
.marquee-reverse { animation: marqueeReverse 70s linear infinite; }

.marquee-mask {
    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}

.marquee-text {
    font-size: 8rem;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.03);
    padding: 0 2rem;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    user-select: none;
}
@media (max-width: 768px) {
    .marquee-text { font-size: 4rem; }
}

/* Chrome/Safari Autofill Fix */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 100px #09090b inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}