body {
            background-color: #0a0a0f;
            color: #f3f4f6;
            font-family: 'Inter', sans-serif;
        }
        .bg-grid-pattern {
            background-image: radial-gradient(rgba(139, 92, 246, 0.15) 1px, transparent 1px);
            background-size: 32px 32px;
        }
        .gradient-text {
            background: linear-gradient(135deg, #ffffff 0%, #c084fc 50%, #f472b6 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .gold-gradient-text {
            background: linear-gradient(135deg, #fffbeb 0%, #fbbf24 50%, #d97706 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .gradient-border-gold {
            position: relative;
            border-radius: 1.5rem;
            background: linear-gradient(135deg, rgba(251, 191, 36, 0.8), rgba(217, 119, 6, 0.2));
            padding: 2px;
        }
        .gradient-border-purple {
            position: relative;
            border-radius: 1.5rem;
            background: linear-gradient(135deg, rgba(192, 132, 252, 0.8), rgba(124, 58, 237, 0.2));
            padding: 2px;
        }
        .gradient-border-inner {
            background: #13131d;
            border-radius: calc(1.5rem - 2px);
        }