/* Reset and Core Layout */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body, html {
            width: 100%;
            height: 100%;
            overflow: hidden;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            color: #ffffff;
        }

        /* Full-Screen Video Background */
        .video-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            overflow: hidden;
			opacity: 1;                
			filter: blur(16px);          
			background: #000000;
        }

        .video-background video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Content Container (Perfectly Centered on Screen) */
        .content-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4rem; /* Gap between the main top group and the lower sub row */
            z-index: 1;
            width: 100%;
        }

        /* Main Link Group (Text stacked vertically on top of main circle) */
        .main-group {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1.5rem;
        }

        .main-label {
            font-size: 1.6rem;
            font-weight: 700;
            text-align: center;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
            letter-spacing: 0.5px;
        }

        /* Global Circle Link Rules */
        .circle-link {
            display: block;
            border-radius: 50%;
            overflow: hidden;
            transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
        }

        .circle-link img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .circle-link:hover {
            transform: scale(1.05);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
        }

        /* Dimensions for Main Circle vs Sub Circles */
        .main-link {
            width: 240px;
            height: 240px;
        }

        .sub-link {
            width: 80%;
            height: 80%;
        }

        /* The Sub Links Row (Forces all 3 items to stay side-by-side on one row) */
        .sub-links-row {
            display: flex;
            flex-direction: row; 
            justify-content: center;
            align-items: flex-start;
            gap: 3.5rem; /* Space separating the columns */
            width: 100%;
        }

        /* The Sub Link Column Block (Forces text vertically under its own circle) */
        .sub-item-column {
            display: flex;
            flex-direction: column; 
            align-items: center;    
            text-align: center;
            width: 120px; 
        }

        .sub-label {
            margin-top: 1rem; /* Space below the circle before text starts */
            font-size: 1rem;
            font-weight: 500;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
            width: 100%;
        }