body {
            font-family: 'Poppins', sans-serif;
            background-color: #1a2e2a; /* Dark green fallback */
        }
        #three-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        .content-container {
            position: relative;
            z-index: 2;
            background: linear-gradient(135deg, rgba(22, 101, 52, 0.8), rgba(21, 94, 73, 0.8));
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }
        .main-bg {
             background-image: 
                linear-gradient(rgba(22, 101, 52, 0.95), rgba(21, 94, 73, 0.95)),
                radial-gradient(circle at top left, rgba(134, 239, 172, 0.1) 0%, transparent 30%),
                radial-gradient(circle at bottom right, rgba(253, 224, 71, 0.1) 0%, transparent 30%);
        }
        .card {
            background-color: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .glass-button {
            background-color: rgba(255, 255, 255, 0.9);
            color: #1a2e2a;
            transition: all 0.3s ease;
        }
        .glass-button:hover {
            background-color: rgba(255, 255, 255, 1);
            transform: scale(1.05);
        }
        .yellow-button {
            background-color: #D9FE53;
            color: #1a2e2a;
            transition: all 0.3s ease;
        }
        .yellow-button:hover {
            background-color: #bef400;
            transform: scale(1.05);
            box-shadow: 0 0 20px rgba(217, 254, 83, 0.5);
        }