/* Aklics ERP Landing Page Custom Styling */

body {
    font-family: 'Cairo', sans-serif;
    scroll-behavior: smooth;
}

/* Framed page border layout (matches orange side columns in mockup) */
.framed-layout {
    border-left: 16px solid #FF5C35;
    border-right: 16px solid #FF5C35;
}

@media (min-width: 768px) {
    .framed-layout {
        border-left: 40px solid #FF5C35;
        border-right: 40px solid #FF5C35;
    }
}

/* Custom Premium Styles */
.glass-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(241, 245, 249, 0.9);
}

.text-gradient {
    background: linear-gradient(135deg, #0F172A 30%, #FF5C35 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-glow-orange {
    background: radial-gradient(circle, rgba(255, 92, 53, 0.15) 0%, rgba(255, 255, 255, 0) 70%);
}

.bg-glow-navy {
    background: radial-gradient(circle, rgba(15, 23, 42, 0.05) 0%, rgba(255, 255, 255, 0) 70%);
}

/* Smooth Float Animation */
@keyframes float {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(0.5deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

.float-animation {
    animation: float 6s ease-in-out infinite;
}

/* Ripple/Pulse effect for CTAs */
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 92, 53, 0.4); }
    50% { box-shadow: 0 0 0 12px rgba(255, 92, 53, 0); }
}

.pulse-btn {
    animation: pulse-glow 2s infinite;
}