body {
            font-family: 'Outfit', sans-serif;
            background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 40%, #FAF9F6 70%, #FEF3C7 100%);
            background-attachment: fixed;
            color: #0F172A;
            overflow-x: hidden;
        }

        .gold-gradient-text {
            background: linear-gradient(135deg, #D97706 0%, #B45309 50%, #78350F 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .emerald-gradient-text {
            background: linear-gradient(135deg, #059669 0%, #047857 50%, #064E3B 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .glass-panel {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(226, 232, 240, 0.8);
            box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.05);
        }

        .glass-card-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-card-hover:hover {
            transform: translateY(-4px);
            border-color: rgba(0, 136, 204, 0.5);
            box-shadow: 0 15px 30px -10px rgba(0, 136, 204, 0.2);
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #F1F5F9;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #CBD5E1;
            border-radius: 9999px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #0088CC;
        }

        .btn-neon-telegram {
            background: linear-gradient(135deg, #0088CC 0%, #0077B5 100%);
            color: #FFFFFF;
            font-weight: 800;
            box-shadow: 0 4px 20px rgba(0, 136, 204, 0.35);
            transition: all 0.3s ease;
        }
        .btn-neon-telegram:hover {
            box-shadow: 0 6px 28px rgba(0, 136, 204, 0.55);
            transform: scale(1.02);
        }