/* SERVE App High-Conversion Design System - Nikola TEC */
@layer utilities {
    .gradient-text {
        background: linear-gradient(135deg, #FF6B00 0%, #FFA800 50%, #FF512F 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .glow-orange {
        box-shadow: 0 0 60px -15px rgba(255, 107, 0, 0.35);
    }
    .glow-soft {
        box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
    }
    .glass-card {
        background: rgba(17, 24, 39, 0.75);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .glass-card-hover:hover {
        background: rgba(31, 41, 55, 0.85);
        border-color: rgba(255, 107, 0, 0.4);
        transform: translateY(-4px);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
}

.iphone-mockup {
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.9), 0 0 0 10px #1e293b, 0 0 0 12px rgba(255, 255, 255, 0.1);
    border-radius: 44px;
}

.macbook-mockup {
    box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(255, 255, 255, 0.1);
    border-radius: 20px;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0px); }
}

.floating-elem {
    animation: float 5s ease-in-out infinite;
}

.floating-elem-delay {
    animation: float 6s ease-in-out 1.5s infinite;
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0B0F17;
}
::-webkit-scrollbar-thumb {
    background: #27272a;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #f97316;
}