.glow-button {
            box-shadow: 0 0 20px rgba(67, 33, 234, 0.4);
            transition: all 0.3s ease;
        }
        .glow-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 25px rgba(67, 33, 234, 0.6);
        }
        .glass-header {
            background-color: rgba(21, 0, 43, 0.8);
            backdrop-filter: blur(20px);
        }
        .orbital-bg {
            background: radial-gradient(circle at 50% 50%, rgba(197, 192, 255, 0.1) 0%, transparent 60%);
        }
        /* Custom Circular Cycle Styles */
        .cycle-container {
            position: relative;
            width: 100%;
            max-width: 600px;
            aspect-ratio: 1 / 1;
            margin: 0 auto;
        }
        .cycle-card {
            position: absolute;
            width: 140px;
            height: 140px;
            background: theme('colors.surface-container');
            border: 1px solid theme('colors.outline-variant' / 40%);
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
            z-index: 10;
            transform: translate(-50%, -50%);
            transition: all 0.3s ease;
        }
        .cycle-card:hover {
            border-color: theme('colors.primary');
            box-shadow: 0 0 20px rgba(197, 192, 255, 0.2);
            transform: translate(-50%, -55%);
        }
        /* Positions for 5 items distributed evenly around a circle */
        /* Center is at 50%, 50%. Radius is ~40% */
        .card-1 { top: 10%; left: 50%; } /* Top */
        .card-2 { top: 38%; left: 88%; } /* Right top */
        .card-3 { top: 82%; left: 73%; } /* Bottom right */
        .card-4 { top: 82%; left: 27%; } /* Bottom left */
        .card-5 { top: 38%; left: 12%; } /* Left top */

        .cycle-arrow {
            position: absolute;
            color: theme('colors.primary');
            font-size: 24px;
            z-index: 5;
            transform-origin: center;
        }
        /* Arrows pointing from one card to the next (clockwise) */
        .arrow-1-2 { top: 20%; left: 72%; transform: rotate(36deg); }
        .arrow-2-3 { top: 62%; left: 85%; transform: rotate(108deg); }
        .arrow-3-4 { top: 85%; left: 50%; transform: rotate(180deg); }
        .arrow-4-5 { top: 62%; left: 15%; transform: rotate(252deg); }
        .arrow-5-1 { top: 20%; left: 28%; transform: rotate(324deg); }