﻿
    @keyframes float {
        0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }
        50% { transform: translateY(-20px) scale(1.1); opacity: 0.6; }
    }
    .animate-float { animation: float 10s ease-in-out infinite; }
    .glass-card {
        background: rgba(24, 24, 27, 0.7);
        backdrop-filter: blur(16px);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .text-gradient {
        background: linear-gradient(to right, #8B5CF6, #6366F1, #00D4FF);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .neon-border:hover {
        border-color: #00D4FF;
        box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);
    }
    .scroll-reveal {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .reveal-active {
        opacity: 1;
        transform: translateY(0);
    }
    .bg-grid {
        background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
                          linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
        background-size: 40px 40px;
    }
    .fade-in-card {
        animation: fadeIn 0.5s ease forwards;
    }
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    /* Tab underline animation */
    .tab-btn {
        position: relative;
        transition: color 0.3s ease;
    }
    .tab-btn::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(to right, #8B5CF6, #6366F1);
        transform: scaleX(0);
        transition: transform 0.3s ease;
    }
    .tab-btn.active::after {
        transform: scaleX(1);
    }
    /* Toggle switch */
    .toggle-bg {
        transition: background 0.3s ease;
    }
    .toggle-dot {
        transition: transform 0.3s ease;
    }
    /* Table hover */
    .compare-table tbody tr {
        transition: background 0.2s ease;
    }
    .compare-table tbody tr:hover {
        background: rgba(139, 92, 246, 0.08);
    }
    /* FAQ animation */
    .faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease, opacity 0.3s ease;
        opacity: 0;
    }
    .faq-answer.open {
        max-height: 300px;
        opacity: 1;
    }
    .faq-icon {
        transition: transform 0.3s ease;
    }
    .faq-icon.open {
        transform: rotate(180deg);
    }
    /* Custom scrollbar */
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: transparent; }
    ::-webkit-scrollbar-thumb { background: rgba(139, 92, 246, 0.3); border-radius: 3px; }
    ::-webkit-scrollbar-thumb:hover { background: rgba(139, 92, 246, 0.5); }
    /* ROI slider custom */
    input[type="range"] {
        -webkit-appearance: none;
        appearance: none;
        height: 6px;
        border-radius: 3px;
        outline: none;
        background: rgba(139, 92, 246, 0.2);
    }
    input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: linear-gradient(to right, #8B5CF6, #6366F1);
        cursor: pointer;
        border: 2px solid #09090B;
        box-shadow: 0 0 10px rgba(139, 92, 246, 0.4);
    }
    input[type="range"]::-moz-range-thumb {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: linear-gradient(to right, #8B5CF6, #6366F1);
        cursor: pointer;
        border: 2px solid #09090B;
    }
    /* Price card premium border */
    .premium-card {
        border: 1px solid rgba(139, 92, 246, 0.5);
        position: relative;
    }
    .premium-card::before {
        content: '';
        position: absolute;
        inset: -1px;
        border-radius: 24px;
        background: linear-gradient(135deg, #8B5CF6, #6366F1, #00D4FF);
        z-index: -1;
        opacity: 0.6;
    }

