:root {
            --orange: #FF6B00;
            --gray: #767686;
            --black: #121110;
            --white: #FFFFFF;
            --light-gray: #F5F5F7;
            --border-radius: 8px;
            
            /* Planet Colors */
            --color-cursuri: #B31E1F;
            --color-digital: #FF6B00;
            --color-landing: #0098A5;
            --color-podcast: #018CA9;
            --color-reviste: #1B857E;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--white);
            color: var(--black);
            overflow-x: hidden;
        }

        /* Hero Section */
        .hero {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 60px 20px 40px;
            position: relative;
            background: linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);
            overflow-x: hidden;
        }

        /* Carousel Container */
        .carousel-container {
            position: relative;
            width: 100%;
            max-width: 100%;
            height: 660px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* Planets Wrapper */
        .planets-wrapper {
            position: relative;
            width: 100%;
            max-width: 1400px;
            height: 480px;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            margin: 0 auto;
        }

        /* SVG Arc */
        .arc-svg {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
            z-index: 1;
            overflow: visible;
        }

        .arc-line {
            fill: none;
            stroke: #D0D0D0;
            stroke-width: 1;
            opacity: 0.6;
        }

        .arc-text {
            font-size: 11px;
            font-weight: 600;
            fill: #767686;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-family: 'Inter', sans-serif;
            text-shadow: 2px 2px 4px rgba(255,255,255,0.8); 
        }

        .arc-text-left {
            /* Text along left side of arc */
        }

        .arc-text-right {
            /* Text along right side of arc */
        }

        /* Satellites for e-Learning */
        .planet-satellites {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
            z-index: 10;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.5s ease, visibility 0.5s ease;
        }

        .planet-satellites.visible {
            opacity: 1;
            visibility: visible;
            pointer-events: none;
        }

        .satellite {
            position: absolute;
            cursor: pointer;
            transition: transform 0.3s ease;
            pointer-events: auto;
        }

        .satellite:hover {
            transform: scale(1.1);
        }

        .satellite-left {
            left: 10%;
            top: 320px;
            pointer-events: none;
        }
		/* Scroll hint satellite - between planet and dots */
		.satellite-scroll-hint {
			position: relative;
			top:20px;
			left:4%;
			pointer-events: auto;
			cursor: pointer;
			z-index: 20;
			animation: floatScrollHint 3s ease-in-out infinite;
		}
.satellite-scroll-hint a{ text-decoration: none;}
		.scroll-hint-tooltip {
			position: relative;
			background-color: #D9D9D9;
			border-radius: 50px;
			padding: 8px 20px 8px 8px;
			display: flex;
			align-items: center;
			gap: 12px;
			box-shadow: 0 4px 15px rgba(0,0,0,0.08);
			white-space: nowrap;
			transition: transform 0.3s ease, box-shadow 0.3s ease;
		}

		.satellite-scroll-hint:hover .scroll-hint-tooltip {
			transform: scale(1.05);
			box-shadow: 0 6px 20px rgba(0,0,0,0.12);
		}

		.scroll-hint-icon {
			width: 40px;
			height: 40px;
			background-color: #B3B3B3;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
			animation: bounceArrow 2s ease-in-out infinite;
		}

		.scroll-hint-icon span {
			color: #FFFFFF;
			font-size: 20px;
			font-weight: 700;
			font-family: 'Inter', sans-serif;
			line-height: 1;
		}

		.scroll-hint-text {
			color: #000000;
			font-size: 13px;
			line-height: 1.3;
			font-weight: 400;
			text-align: left;
		}

		@keyframes floatScrollHint {
			0%, 100% { transform: translateX(-50%) translateY(0); }
			50% { transform: translateX(-50%) translateY(-6px); }
		}

		@keyframes bounceArrow {
			0%, 100% { transform: translateY(0); }
			50% { transform: translateY(3px); }
		}

        .satellite-right {
            position: absolute;
            right: 10% !important; /* Ajustează poziția orizontală */
            top: 300px !important; /* Ajustează poziția verticală */
            display: flex;
            align-items: center;
            flex-direction: row; /* Elementele unul lângă altul */
            z-index: 20;
            pointer-events: auto;
            cursor: pointer;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }
        .satellite-right:hover {
            transform: scale(1.05); /* Efect subtil de mărire la hover */
        }
            /* 1. Partea Vizuală (Asteroidul) */
        .satellite-visual {
            position: relative;
            width: 110px;  /* Dimensiunea asteroidului */
            height: 110px;
            z-index: 2; /* Important: Să fie DEASUPRA textului */
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: -40px; /* Tragem asteroidul peste text (overlap) */
        }

        .asteroid-img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            /* Opțional: Animație de plutire */
            animation: floatAsteroid 6s ease-in-out infinite; 
            filter: drop-shadow(0 10px 15px rgba(0,0,0,0.3));
        }

        /* Cercul Alb "Click Aici" */
        .satellite-center-btn {
            position: absolute;
            width: 45px;
            height: 45px;
            background-color: #FFFFFF;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.1;
            color: #000;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        }

        /* 2. Partea Text (Capsula Gri) */
        .satellite-text-pill {
            background-color: #D9D9D9; /* Griul din design */
            padding: 15px 25px 15px 50px; /* Padding stânga mare pentru a face loc asteroidului */
            border-radius: 0 50px 50px 0; /* Rotunjit doar la dreapta (sau 50px peste tot dacă preferi) */
            border-top-right-radius: 50px;
            border-bottom-right-radius: 50px;
            /* Dacă vrei capsulă completă, pune border-radius: 50px; */
            color: #000000;
            font-size: 14px;
            line-height: 1.3;
            font-weight: 500;
            white-space: nowrap; /* Textul pe un singur rând lung sau controlat */
            z-index: 1; /* Sub asteroid */
            min-width: 200px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
        }

        /* Animație plutire */
        @keyframes floatAsteroid {
            0%, 100% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-8px) rotate(2deg); }
        }
        .satellite-tooltip {
            position: absolute;
            background: rgba(245, 245, 247, 0.95);
            border-radius: 25px;
            padding: 12px 18px;
            display: flex;
            align-items: center;
            gap: 12px;
            white-space: nowrap;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
            font-size: 12px;
            color: var(--black);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .satellite-left .satellite-tooltip {
            position: relative; /* Resetăm poziționarea absolută anterioară */
            left: auto;
            top: auto;
            transform: none !important; /* Eliminăm efectele de hover */

            /* Culori și Formă conform imaginii */
            background-color: #D9D9D9; /* Gri deschis */
            border-radius: 50px;       /* Rotunjire completă */
            padding: 8px 25px 8px 8px; /* Padding dreapta mai mare pentru text */

            display: flex;
            align-items: center;
            gap: 15px;

            /* Vizibilitate permanentă */
            opacity: 1 !important;
            visibility: visible !important;
            box-shadow: none; /* Imaginea ta pare plată (fără umbră) */
            width: max-content;
        }
        .satellite-left .satellite-tooltip-icon {
            width: 45px;
            height: 45px;
            background-color: #B3B3B3; /* Gri mai închis pentru cerc */
            border: 2px solid #D9D9D9; /* Bordură subtilă ca să se îmbine */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .satellite-left .satellite-tooltip-icon span {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: 700;
            font-family: 'Inter', sans-serif;
        }

        /* Textul "Click pe planeta..." */
        .satellite-left .satellite-tooltip-text {
            color: #000000;
            font-size: 14px;
            line-height: 1.3;
            font-weight: 400;
            text-align: left;
        }

        .satellite-right .satellite-tooltip {
            right: 70px;
            top: 50%;
            transform: translateY(-50%);
        }

        .satellite:hover .satellite-tooltip {
            box-shadow: 0 6px 25px rgba(0,0,0,0.15);
        }

        .satellite-tooltip-icon {
            width: 28px;
            height: 28px;
            background: var(--white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1.5px solid var(--gray);
            flex-shrink: 0;
        }

        .satellite-tooltip-icon span {
            font-weight: 600;
            color: var(--gray);
            font-size: 14px;
        }

        .satellite-tooltip-text {
            line-height: 1.4;
        }

        .satellite-tooltip-text strong {
            display: block;
            font-weight: 600;
            color: var(--black);
        }

        .satellite-tooltip-text small {
            color: var(--gray);
            font-size: 11px;
        }

        @media (max-width: 1200px) {
            .satellite-left {
                left: 5%;
            }
            .satellite-right {
                right: 5%;
            }
        }

        @media (max-width: 992px) {
            .planet-satellites {
                display: none;
            }
            .service-content-grid {
                grid-template-columns: 1fr; 
                gap: 40px;
            }

            .service-content-list {
                grid-template-columns: 1fr; 
            }

            .section-header-description {
                font-size: 16px;
                line-height: 26px;
            }

            .service-card-title {
                font-size: 22px;
                line-height: 30px;
            }

            .mission-title,
            .mission-title-highlight {
                font-size: 30px;
            }

            .mission-description {
                font-size: 18px;
            }

            .stat-number {
                font-size: 38px;
            }

            .stat-label {
                font-size: 18px;
                line-height: 26px;
            }

            .column-item h4 {
                font-size: 20px;
            }

            .column-item p {
                font-size: 14px;
            }

            .cta-button {
                font-size: 22px;
                padding: 30px 55px;
            }

            .service-cards {
                gap: 15px;
            }

            .service-card {
                min-width: 0;
                flex: 1 1 calc(33.333% - 15px);
            }
        }

        /* Planet Positions Container */
        .planets-track {
            position: relative;
            width: 100%;
            max-width: 1200px;
            height: 450px;
        }

        /* Individual Planet */
        .planet {
            position: absolute;
            cursor: pointer;
            transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
            z-index: 2;
            will-change: transform, opacity, left, right, top, width, height;
        }

        .planet img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            filter: drop-shadow(0 15px 35px rgba(0,0,0,0.12));
            transition: transform 0.4s ease, filter 0.4s ease;
        }

        .planet:hover img {
            transform: scale(1.08);
            filter: drop-shadow(0 20px 45px rgba(0,0,0,0.18));
        }

        .planet[data-position="0"]:hover img {
            transform: scale(1.03);
        }

        /* Positions for 5 planets in carousel (3 visible at once) */
        .planet[data-position="-2"],
        .planet[data-position="2"] {
            opacity: 0;
            pointer-events: none;
            transform: scale(0.5);
        }

        .planet[data-position="-2"] {
            left: -100px;
            top: -50px;
            width: 100px;
            height: 100px;
        }

        .planet[data-position="2"] {
            right: -100px;
            top: -50px;
            width: 100px;
            height: 100px;
        }

        .planet[data-position="-1"] {
            left: 0;
            top: 0;
            width: 130px;
            height: 130px;
            z-index: 3;
            opacity: 1;
        }

        .planet[data-position="0"] {
            left: 50%;
            transform: translateX(-50%);
            top: 190px;
            width: 260px;
            height: 260px;
            z-index: 5;
            opacity: 1;
        }

        .planet[data-position="1"] {
            right: 0;
            top: 0;
            width: 130px;
            height: 130px;
            z-index: 3;
            opacity: 1;
        }

        /* Content Area (centered between planets, higher up) */
        .hero-content {
            position: absolute;
            top: 5px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            z-index: 4;
            width: 600px;
            max-width: 90%;
            pointer-events: none;
        }

        .hero-title {
            font-size: 38px;
            font-weight: 700;
            line-height: 1.15;
            color: var(--black);
            margin-bottom: 14px;
        }

        .hero-description {
            font-size: 14px;
            line-height: 1.65;
            color: var(--black);
            max-width: 650px;
            margin: 0 auto;
        }

        /* Navigation */
        .carousel-nav {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-top: 15px;
        }

        .nav-arrow {
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: var(--gray);
            transition: color 0.3s ease, transform 0.3s ease;
            background: none;
            border: none;
            font-size: 18px;
        }

        .nav-arrow:hover {
            color: var(--orange);
            transform: scale(1.15);
        }

        .nav-dots {
            display: flex;
            gap: 8px;
        }

        .nav-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #D0D0D0;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .nav-dot.active {
            background-color: var(--orange);
            transform: scale(1.3);
        }

        .nav-dot:hover:not(.active) {
            background-color: #A0A0A0;
        }

        /* Nav dot colors for each planet */
        .nav-dots.dots--cursuri .nav-dot.active {
            background-color: var(--color-cursuri);
        }

        .nav-dots.dots--digital .nav-dot.active {
            background-color: var(--color-digital);
        }

        .nav-dots.dots--landing .nav-dot.active {
            background-color: var(--color-landing);
        }

        .nav-dots.dots--podcast .nav-dot.active {
            background-color: var(--color-podcast);
        }

        .nav-dots.dots--reviste .nav-dot.active {
            background-color: var(--color-reviste);
        }

        /* Tab Badge Container with Concave Arc */
        .badge-container {
            position: relative;
            width: 100%;
            max-width: 1400px;
            height: 90px;
            margin-top: 20px;
            overflow: hidden;
        }

        .badge-arc {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
        }

        .badge-arc-path {
            fill: none;
            stroke: #D0D0D0;
            stroke-width: 1;
        }

        .badge-arc-dot {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #B0B0B0;
            border-radius: 50%;
            left: 5%;
            top: 42px;
        }

        .tab-badge {
            position: absolute;
            left: 50%;
            top: 35px; 
            transform: translate(-50%, -50%); 
			text-transform: uppercase;
            display: inline-block;
            padding: 12px 28px;
            border: 1.5px solid var(--orange);
            border-radius: 30px;
            font-size: 18px;
            font-weight: 500;
            letter-spacing: 0.5px;
            color: var(--orange);
            background-color: var(--white); /* Important: ascunde linia din spatele textului */
            transition: opacity 0.3s ease, border-color 0.3s ease, color 0.3s ease;
            z-index: 2;
            white-space: nowrap; /* Previne ruperea textului pe mobile */
        }

        .tab-badge.transitioning {
            opacity: 0;
        }

        /* Badge colors for each planet */
        .tab-badge.badge--cursuri {
            border-color: var(--color-cursuri);
            color: var(--color-cursuri);
        }

        .tab-badge.badge--digital {
            border-color: var(--color-digital);
            color: var(--color-digital);
        }

        .tab-badge.badge--landing {
            border-color: var(--color-landing);
            color: var(--color-landing);
        }

        .tab-badge.badge--podcast {
            border-color: var(--color-podcast);
            color: var(--color-podcast);
        }

        .tab-badge.badge--reviste {
            border-color: var(--color-reviste);
            color: var(--color-reviste);
        }

        /* Planet Content Sections */
        .planet-sections {
                width: 100%;
                max-width: 1400px;
                position: relative;
                overflow: hidden;
                display: flex;
                flex-direction: column;
                align-items: center;
                margin: 0 auto;
        }

        .planet-section {
            display: none;
            width: 100%;
            max-width: 1400px;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.5s ease, transform 0.5s ease;
        }

        .planet-section.active {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        /* Section Header - Above badge arc */
        .section-header {
            text-align: center;
            padding: 40px 20px 30px;
            background-color: var(--white);
        }

        .section-tagline {
            font-size: 28px;
            font-weight: 700;
            color: var(--black);
            margin-bottom: 20px;
        }

        .section-tagline span {
            color: var(--orange);
        }

        .section-header-description {
            font-size: 22px;
            line-height: 34px;
            color: var(--gray);
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 10px;
            word-wrap: break-word;
        }

        /* Service Cards Section */
        .service-cards-wrapper {
            background-color: var(--white);
            padding: 40px 20px;
        }

        .service-cards {
            display: flex;
            justify-content: center;
            gap: 20px;
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            flex-wrap: wrap;
        }

        .service-card {
            flex: 1;
            min-width: 280px;
            max-width: 411px;
            background: var(--white);
            border: 1px solid #E8E8E8;
            border-radius: 20px;
            padding: 30px 15px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            text-align: center;
        }

        .service-card:hover {
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            transform: translateY(-3px);
        }

        .service-card.active {
            background-color: var(--orange);
            border-color: var(--orange);
            box-shadow: 0 10px 30px rgba(255,107,0,0.25);
        }

        .service-card-icon {
            width: 50px;
            height: 50px;
            margin: 0 auto 20px;
        }

        .service-card-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            transition: filter 0.3s ease;
        }

        .service-card.active .service-card-icon img {
            filter: brightness(0) invert(1);
        }

        .service-card-title {
            font-size: 28px;
            line-height: 36px;
            font-weight: 600;
            color: var(--black);
            margin-bottom: 12px;
            transition: color 0.3s ease;
        }

        .service-card.active .service-card-title {
            color: var(--white);
        }

        .service-card-description {
            font-size: 16px;
            line-height: 1.6;
            font-weight: 400;
            color: var(--gray);
            margin-bottom: 20px;
            transition: color 0.3s ease;
        }

        .service-card.active .service-card-description {
            color: var(--white);
            opacity: 0.9;
        }

        .service-card-link {
            display: inline-block;
            padding: 10px 20px;
            border: 1px solid var(--black);
            border-radius: var(--border-radius);
            font-size: 14px;
            font-weight: 500;
            color: var(--black);
            text-decoration: none;
            transition: all 0.3s ease;
            letter-spacing: 0.2%;
            line-height: 24px;
        }

        .service-card.active .service-card-link {
            display: none;
        }

        .service-card-link:hover {
            background-color: var(--black);
            color: var(--white);
        }

        /* Service card link hover colors per planet */
        .planet-section--cursuri .service-card-link:hover {
            background-color: var(--color-cursuri);
            border-color: var(--color-cursuri);
        }
        .planet-section--digital .service-card-link:hover {
            background-color: var(--color-digital);
            border-color: var(--color-digital);
        }
        .planet-section--landing .service-card-link:hover {
            background-color: var(--color-landing);
            border-color: var(--color-landing);
        }
        .planet-section--podcast .service-card-link:hover {
            background-color: var(--color-podcast);
            border-color: var(--color-podcast);
        }
        .planet-section--reviste .service-card-link:hover {
            background-color: var(--color-reviste);
            border-color: var(--color-reviste);
        }

        /* Service Tab Badge */
        .service-tab-badge {
            display: inline-block;
            padding: 8px 16px;
            border: 1px solid currentColor;
            border-radius: 20px;
            font-size: 18px;
            font-weight: 400;
            background-color: #fff;
        }

        .planet-section--cursuri .service-tab-badge {
            color: var(--color-cursuri);
        }
        .planet-section--digital .service-tab-badge {
            color: var(--color-digital);
        }
        .planet-section--landing .service-tab-badge {
            color: var(--color-landing);
        }
        .planet-section--podcast .service-tab-badge {
            color: var(--color-podcast);
        }
        .planet-section--reviste .service-tab-badge {
            color: var(--color-reviste);
        }

        /* Service Content - 2 Columns */
        .service-content-wrapper {
            background-color: var(--white);
            padding: 0 20px 60px;
        }

        .service-content {
            display: none;
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .service-content.active {
            display: block;
            opacity: 1;
        }

        .service-content-grid {
            display: grid;
            grid-template-columns: 1.4fr 0.6fr; 
            gap: 40px;
            padding: 40px 0;
            align-items: start;
        }
.service-content-wrapper .column-right{
	    padding: 25px;
    border-radius: 25px;
    box-shadow: 1px 2px 10px 5px #ccc;
}
        .service-content-column h3 {
            font-size: 20px;
            font-weight: 600;
            color: var(--black);
            margin-bottom: 25px;
        }

        .service-content-list {
            display: grid;
            grid-template-columns: 1fr 1fr; 
            column-gap: 40px; 
            row-gap: 20px;   
            list-style: none;
        }

        .service-content-list li {
            position: relative;
            padding-left: 30px; 
            margin-bottom: 0;  
            font-size: 18px;    
            line-height: 1.5;
            color: #000;        
        }

        .service-content-list li::before {
            content:'';
            position: absolute;
            left: 0;
            top: 2px;
            width: 20px;
            height: 20px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='16 9 10 15 7 12'%3E%3C/polyline%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='16 9 10 15 7 12'%3E%3C/polyline%3E%3C/svg%3E");
            -webkit-mask-size: contain;
            mask-size: contain;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center;
        }
        .planet-section--landing .service-content-list li::before {background-color:var(--color-landing);}
        .planet-section--digital .service-content-list li::before {background-color:var(--color-digital);}
        .planet-section--cursuri .service-content-list li::before {background-color:var(--color-cursuri);}
        .planet-section--podcast .service-content-list li::before {background-color:var(--color-podcast);}
        .planet-section--reviste .service-content-list li::before {background-color:var(--color-reviste);}
        .service-content-list li strong {
            display: block; 
            font-weight: 700;
            font-size: 18px;
            margin-bottom: 4px;
            color: #000;
        }

        .service-content-list li span {
            display: block;
            font-size: 13px;
            color: #666; 
            font-style: italic; 
        }
        /* Results Stats */
        .results-stats {
            display: flex;
            flex-direction: column;
        }

        .stat-item {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 20px 0;
            border-bottom: 1px solid #e0e0e0;
        }
        .stat-item:last-child {
            border-bottom: none;
        }
        .stat-number {
            font-size: 48px;
            font-weight: 600;
            line-height: 1.2;
            display: inline-block;
            background-image: linear-gradient(120deg, #FF9C54 0%, #FF8329 33%, #FF6B00 66%, #C45403 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            white-space: nowrap;
        }
        .planet-section--landing .stat-number {background-image: linear-gradient(120deg, #86eaff 0%, #2cb8d5 33%, #139fbc 66%, #018ca9 100%);}
        .planet-section--digital .stat-number {background-image: linear-gradient(120deg, #FF9C54 0%, #FF8329 33%, #FF6B00 66%, #C45403 100%);}
        .planet-section--cursuri .stat-number {background-image: linear-gradient(120deg, #fe6c6d 0%, #d83536 50%, #b31e1f 100%);}
        .planet-section--podcast .stat-number {background-image: linear-gradient(120deg, #86eaff 0%, #2cb8d5 33%, #139fbc 66%, #018ca9 100%);}
        .planet-section--reviste .stat-number {background-image: linear-gradient(120deg, #67f5ec 0%, #42c6be 33%, #2eaca4 66%, #1b857e 100%);}

        .stat-label {
            font-size: 22px;
            color: #767686;
            line-height: 30px;
        }
        /* Mission Statement Section */
        .mission-statement {
            text-align: center;
            padding: 60px 20px;
            background-color: var(--white);
        }

        .mission-title {
            font-size: 40px;
            font-weight: 700;
            color: var(--black);
            margin-bottom: 10px;
        }

        .mission-title-highlight {
            font-size: 40px;
            font-weight: 700;
            color: #ff6B00;
            margin-bottom: 25px;
        }

        .mission-description {
            font-size: 22px;
            line-height: 1.7;
            color: var(--gray);
            max-width: 1000px;
            margin: 0 auto;
        }

        /* Three Column Section with Background */
        .three-column-section {
            position: relative;
            padding: 60px 20px;
            /* Corecție: folosim bg.jpg încărcat de tine */
            background-image: url('../images/serviciidigitale/bg_com-digitale.png'); 
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            overflow: hidden; /* Asigură că nimic nu iese din container */
        }
        .planet-section--landing .three-column-section {background-image: url('../images/serviciidigitale/bg_landing.png'); }
        .planet-section--digital .three-column-section {background-image: url('../images/serviciidigitale/bg_com-digitale.png'); }
        .planet-section--cursuri .three-column-section {background-image: url('../images/serviciidigitale/bg_cursuri.png'); }
        .planet-section--podcast .three-column-section {background-image: url('../images/serviciidigitale/bg_podcast.png'); }
        .planet-section--reviste .three-column-section {background-image: url('../images/serviciidigitale/bg_reviste.png'); }
        /* Stratul de culoare (Overlay) */
        .three-column-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
        }

        /* Containerul de text (Grid) */
        .three-column-grid {
            position: relative;
            z-index: 2; /* Stratul 2: Peste overlay, ca să fie textul lizibil */
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0;
            max-width: 1200px;
            margin: 0 auto;
        }

        .column-item {
            color: var(--white);
            padding: 30px 40px;
            border-left: 1px solid rgba(255,255,255,0.3);
        }

        .column-item:first-child {
            border-left: none;
        }

        .column-item h4 {
            font-size: 24px;
            font-weight: 500;
            margin-bottom: 20px;
            line-height: 1.4;
            color: #fff; /* Asigurăm albul pur */
        }

        .column-item p {
            font-size: 16px;
            line-height: 1.7;
            opacity: 0.95;
            color: #fff;
        }

        /* CTA Arc Section */
        .cta-arc-section {
            background-color: var(--white);
            padding: 60px 20px 80px;
            position: relative;
        }

        .cta-arc-container {
            position: relative;
            max-width: 1400px;
            margin: 0 auto;
            height: 120px;
        }

        .cta-arc-svg {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        .cta-arc-path {
            fill: none;
            stroke: #D0D0D0;
            stroke-width: 1;
        }

        .cta-button {
            background-image: url('../images/serviciidigitale/buton_footer.png'); 
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-color: transparent;
            padding: 35px 70px; 
            border: none; 
            transition: all 0.3s ease;
            color: #ffffff;
            font-size: 28px; 
            font-weight: 500; 
            position: absolute;
            bottom: 18px;
            max-height: 122px;
            max-width: 459px;
            left: 50%;
            transform: translateX(-50%);
            text-decoration: none;
            white-space: nowrap;
        }

        .cta-button:hover {
            opacity: 0.95;
            transition: all 0.3s ease;
        }

        /* Planet-specific colors for service cards */
        .planet-section--cursuri .service-card.active {
            background-color: var(--color-cursuri);
            border-color: var(--color-cursuri);
            box-shadow: 0 10px 30px rgba(179,30,31,0.25);
        }
.planet-section--cursuri .service-card.active .service-card-title { color: var(--white); }
        .planet-section--cursuri .section-tagline span { color: var(--color-cursuri); }
        .planet-section--cursuri .mission-title-highlight { color: var(--color-cursuri); }
        .planet-section--digital .service-card.active {
            background-color: var(--color-digital);
            border-color: var(--color-digital);
            box-shadow: 0 10px 30px rgba(255,107,0,0.25);
        }
        .planet-section--digital .service-card.active .service-card-title { color: var(--white); }
        .planet-section--digital .section-tagline span { color: var(--color-digital); }
        .planet-section--landing .service-card.active {
            background-color: var(--color-landing);
            border-color: var(--color-landing);
            box-shadow: 0 10px 30px rgba(0,152,165,0.25);
        }
        .planet-section--landing .service-card.active .service-card-title { color: var(--white); }
        .planet-section--landing .section-tagline span { color: var(--color-landing); }
        .planet-section--landing .mission-title-highlight { color: var(--color-landing); }

        .planet-section--podcast .service-card.active {
            background-color: var(--color-podcast);
            border-color: var(--color-podcast);
            box-shadow: 0 10px 30px rgba(1,140,169,0.25);
        }
        .planet-section--podcast .service-card.active .service-card-title { color: var(--white); }
        .planet-section--podcast .section-tagline span { color: var(--color-podcast); }
        .planet-section--podcast .mission-title-highlight { color: var(--color-podcast); }

        .planet-section--reviste .service-card.active {
            background-color: var(--color-reviste);
            border-color: var(--color-reviste);
            box-shadow: 0 10px 30px rgba(27,133,126,0.25);
        }
        .planet-section--reviste .service-card.active .service-card-title { color: var(--white); }
        .planet-section--reviste .section-tagline span { color: var(--color-reviste); }
        .planet-section--reviste .mission-title-highlight { color: var(--color-reviste); }

        /* Tab Content Transition */
        .tab-content {
            opacity: 1;
            transition: opacity 0.35s ease, transform 0.35s ease;
        }

        .hero-content.transitioning {
            opacity: 0;
            transform: translateX(-50%) translateY(8px);
        }

        @media (max-width: 768px) {
            .hero-content.transitioning {
                opacity: 0;
                transform: translateY(8px);
            }
			.satellite-scroll-hint {
				left: 13%;
			}
        }
		@media (max-width: 425px) {
            
			.satellite-scroll-hint {
				left: 22vw;
			}
        }


        /* Arrow icons */
        .arrow-left::before {
            content: '←';
        }

        .arrow-right::before {
            content: '→';
        }

        /* Satellite Section for e-Learning */
        .satellite-section {
            background-color: #FAFAFA;
            padding: 60px 20px;
            margin-top: 40px;
        }

        .satellite-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .satellite-badge {
            display: inline-block;
            padding: 10px 24px;
            border: 1.5px solid var(--color-cursuri);
            border-radius: 25px;
            font-size: 12px;
            font-weight: 500;
            color: var(--color-cursuri);
            background-color: var(--white);
            margin-bottom: 20px;
        }

        .satellite-title {
            font-size: 26px;
            font-weight: 700;
            color: var(--black);
            margin-bottom: 15px;
        }

        .satellite-title span {
            color: var(--color-cursuri);
        }

        .satellite-description {
            font-size: 14px;
            line-height: 1.7;
            color: var(--gray);
            max-width: 700px;
            margin: 0 auto;
        }

        .satellite-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .satellite-item {
            display: flex;
            align-items: flex-start; 
            gap: 60px; 
            margin-bottom: 80px;
            background: transparent; 
            box-shadow: none; 
            padding: 0;
        }
        .satellite-item:nth-child(even) {
            flex-direction: row-reverse;
        }
        .satellite-item-header {
            display: flex;
            align-items: flex-start;
            gap: 30px;
            margin-bottom: 25px;
        }

        .satellite-item-image {
            width: 200px;
            height: 150px;
            border-radius: 12px;
            overflow: hidden;
            flex-shrink: 0;
        }
        .satellite-img {
            width: 100%;
            height: auto;
            border-radius: 20px; /* Rotunjire colturi imagini */
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            display: block;
        }
        .satellite-item-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .satellite-image-wrapper {
            flex: 1;
            max-width: 50%;
        }
        .satellite-item-info {
            flex: 1;
        }

        .satellite-item-title {
            font-size: 20px;
            font-weight: 600;
            color: var(--black);
            margin-bottom: 12px;
        }

        .satellite-item-desc {
            font-size: 14px;
            line-height: 1.6;
            color: var(--gray);
        }

        .satellite-item-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            margin-top: 25px;
        }

        .satellite-item-column h4 {
            font-size: 14px;
            font-weight: 600;
            color: var(--black);
            margin-bottom: 15px;
        }

        .satellite-item-column ul {
            list-style: none;
        }

        .satellite-item-column li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 10px;
            font-size: 13px;
            line-height: 1.5;
            color: var(--gray);
        }

        .satellite-item-column li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 6px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: var(--color-cursuri);
        }

        .satellite-cta {
            display: inline-block;
            padding: 12px 24px;
            background-color: var(--color-cursuri);
            color: var(--white);
            border-radius: var(--border-radius);
            font-size: 13px;
            font-weight: 500;
            text-decoration: none;
            transition: all 0.3s ease;
            margin-top: 20px;
        }

        .satellite-cta:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(179,30,31,0.25);
        }

        /* Responsive */
        @media (max-width: 1024px) {
            .planets-track {
                max-width: 750px;
            }

            .planet[data-position="0"] {
                width: 220px;
                height: 220px;
                top: 170px;
            }

            .planet[data-position="-1"],
            .planet[data-position="1"] {
                width: 110px;
                height: 110px;
            }

            .hero-content {
                width: 400px;
            }
			

            .hero-title {
                font-size: 34px;
            }

            .badge-container {
                max-width: 800px;
            }

            .badge-arc-dot {
                left: 55px;
            }
        }
            #satelliteRight {
                transition: opacity 0.3s ease, visibility 0.3s ease;
            }
        @media (max-width: 768px) {
            /* === CAROUSEL MOBILE: LINEAR LAYOUT === */

            .hero {
                padding: 30px 15px 20px;
            }

            .carousel-container {
                height: auto;
                min-height: auto;
            }

            .planets-wrapper {
                height: auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 0;
                overflow: visible;
            }

            /* Hide satellites & arcs completely on mobile */
            .arc-svg,
            .arc-text,
            .planet-satellites {
                display: none !important;
            }

            /* Hero content: relative flow, on top */
            .hero-content {
                position: relative;
                top: auto;
                left: auto;
                transform: none;
                width: 100%;
                max-width: 100%;
                padding: 0 10px;
                margin-bottom: 20px;
                order: 1;
                z-index: auto;
                pointer-events: none;
            }

            .hero-title {
                font-size: 26px;
            }

            .hero-description {
                font-size: 13px;
                max-width: 100%;
            }

            /* Planets track: horizontal flex line */
            .planets-track {
                position: relative;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                height: auto !important;
                max-width: 100%;
                padding: 10px 0;
                gap: 0;
                order: 2;
                z-index: 5;
            }

            /* Reset all absolute positioning for planets */
            .planet {
                position: relative !important;
                top: auto !important;
                left: auto !important;
                right: auto !important;
                bottom: auto !important;
                transform: none !important;
                flex-shrink: 0;
                /* Only animate size & opacity on mobile, NOT position/transform */
                transition: width 0.5s ease, height 0.5s ease, opacity 0.5s ease !important;
                will-change: width, height, opacity !important;
                touch-action: manipulation;
            }

            /* Center planet (active) */
            .planet[data-position="0"] {
                width: 140px !important;
                height: 140px !important;
                opacity: 1 !important;
                z-index: 5;
                margin: 0 -5px;
                pointer-events: auto !important;
                cursor: pointer;
            }

            /* Side planets (prev/next) - must be clickable */
            .planet[data-position="-1"],
            .planet[data-position="1"] {
                width: 70px !important;
                height: 70px !important;
                opacity: 1 !important;
                z-index: 3;
                pointer-events: auto !important;
                cursor: pointer !important;
            }

            /* Hidden planets stay hidden */
            .planet[data-position="-2"],
            .planet[data-position="2"] {
                width: 0 !important;
                height: 0 !important;
                opacity: 0 !important;
                pointer-events: none !important;
                overflow: hidden;
                margin: 0 !important;
                padding: 0 !important;
            }

            /* Navigation - ensure it's clickable and above everything */
            .carousel-nav {
                margin-top: 10px;
                position: relative;
                z-index: 20;
            }

            .nav-arrow {
                pointer-events: auto !important;
                cursor: pointer !important;
                z-index: 21;
                touch-action: manipulation;
                -webkit-tap-highlight-color: transparent;
                min-width: 44px;
                min-height: 44px;
            }

            .nav-dot {
                pointer-events: auto !important;
                cursor: pointer !important;
                touch-action: manipulation;
            }

            /* Badge */
            .tab-badge {
                font-size: 11px;
                padding: 10px 20px;
            }

            .badge-arc-dot {
                display: none;
            }

            .badge-container {
                height: 70px;
            }

            /* === OTHER MOBILE FIXES === */
            .satellite-item-header {
                flex-direction: column;
            }

            .satellite-item-image {
                width: 100%;
                height: 200px;
            }

            .satellite-item-grid {
                grid-template-columns: 1fr;
            }

            .satellite-left {
                left: 50% !important;
                transform: translateX(-50%);
                top: 80px !important;
                width: 90%;
                justify-content: center;
            }

            .satellite-left .satellite-tooltip {
                margin: 0 auto;
            }

            .three-column-grid {
                grid-template-columns: 1fr;
            }
            .column-item {
                border-left: none;
                border-bottom: 1px solid rgba(255,255,255,0.3);
                padding: 30px 15px;
            }
            .column-item:last-child {
                border-bottom: none;
            }
        }

        @media (max-width: 480px) {
            .planet[data-position="0"] {
                width: 110px !important;
                height: 110px !important;
            }

            .planet[data-position="-1"],
            .planet[data-position="1"] {
                width: 55px !important;
                height: 55px !important;
                pointer-events: auto !important;
                cursor: pointer !important;
            }

            .hero-title {
                font-size: 22px;
            }

            .hero-description {
                font-size: 12px;
                line-height: 1.6;
            }
        }

        /* Planet Sections Responsive */
        @media (max-width: 768px) {
            .section-header {
                padding: 30px 15px 25px;
            }

            .section-tagline {
                font-size: 22px;
            }

            .section-header-description {
                font-size: 14px;
                line-height: 22px;
            }

            .service-cards-wrapper {
                padding: 30px 15px;
            }

            .service-cards {
                flex-direction: column;
                align-items: center;
            }

            .service-card {
                max-width: 100%;
                min-width: 0;
                width: 100%;
            }

            .service-card-title {
                font-size: 20px;
                line-height: 28px;
            }

            .service-card-description {
                font-size: 14px;
            }

            .service-content-wrapper {
                padding: 0 15px 40px;
            }

            .service-content-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .service-content-list {
                grid-template-columns: 1fr;
            }

            .three-column-grid {
                grid-template-columns: 1fr;
                gap: 0;
            }

            .column-item {
                border-left: none;
                border-top: 1px solid rgba(255,255,255,0.3);
                padding: 25px 20px;
            }

            .column-item:first-child {
                border-top: none;
            }

            .mission-title,
            .mission-title-highlight {
                font-size: 24px;
            }

            .mission-description {
                font-size: 16px;
            }

            .stat-number {
                font-size: 32px;
            }

            .stat-label {
                font-size: 16px;
                line-height: 22px;
            }

            .stat-item {
                padding: 15px 0;
                gap: 10px;
            }

            .cta-button {
                font-size: 18px;
                padding: 25px 40px;
            }

            .cta-arc-container {
                height: 100px;
            }

            .satellite-right {
                right: 50% !important;
                transform: translateX(50%);
                top: 380px !important;
                flex-direction: column;
            }

            .satellite-visual {
                margin-right: 0;
                margin-bottom: -20px;
            }

            .satellite-text-pill {
                padding: 25px 20px 10px 20px;
                text-align: center;
                border-radius: 20px;
                white-space: normal;
                min-width: auto;
                width: 200px;
            }

            .satellite-section {
                padding: 40px 15px;
            }

            .satellite-item-title {
                font-size: 22px;
            }

            .satellite-item-desc {
                font-size: 14px;
            }

            .satellite-lists-grid {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 480px) {
            .section-tagline {
                font-size: 20px;
            }

            .section-header-description {
                font-size: 13px;
                line-height: 20px;
            }

            .service-card {
                padding: 25px 20px;
                min-width: 0;
            }

            .service-card-title {
                font-size: 16px;
                line-height: 24px;
            }

            .cta-button {
                padding: 20px 30px;
                font-size: 14px;
            }

            .cta-arc-section {
                padding: 40px 15px 60px;
            }

            .cta-arc-container {
                height: 80px;
            }

            .column-item h4 {
                font-size: 14px;
            }

            .column-item p {
                font-size: 12px;
            }

            .mission-title,
            .mission-title-highlight {
                font-size: 20px;
            }

            .mission-description {
                font-size: 14px;
                line-height: 1.6;
            }

            .mission-statement {
                padding: 40px 15px;
            }

            .stat-number {
                font-size: 26px;
            }

            .stat-label {
                font-size: 14px;
                line-height: 20px;
            }

            .three-column-section {
                padding: 40px 15px;
            }

            .service-content-list li {
                font-size: 13px;
                padding-left: 26px;
            }

            .service-content-list li::before {
                width: 18px;
                height: 18px;
            }

            .satellite-item-title {
                font-size: 18px;
            }

            .satellite-cta-btn {
                font-size: 12px;
                padding: 12px 30px;
            }
        }
/* Containerul general al footer-ului */
.footer-astronauts {
    width: 100%;
    background-color: #ffffff; 
    overflow: hidden; 
    position: relative;
    display: flex;
    justify-content: center; 
    align-items: flex-end; 
}

/* Stilul imaginii */
.astronaut-img {
    display: block; 
    width: 100%;
    height: auto; 
    max-width: 1400px;
}

/* --- Responsive pentru Mobile --- */
@media (max-width: 768px) {
    .footer-astronauts {
        /* Aici poți adăuga padding dacă e nevoie */
    }
    

    .astronaut-img {
        width: 150%;  
        max-width: none;
        margin-left: -25%; 
    } 
    
}
.back-to-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    
    /* Design */
    background-color: #FF6B00;
    color: #ffffff;
    border: none;
    border-radius: 50%; /* Cerc perfect */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 1000; 
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px); 
    transition: all 0.3s ease-in-out;
}

.back-to-top-btn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top-btn:hover {
    background-color: #e55e00; 
    transform: translateY(-3px); 
    box-shadow: 0 6px 15px rgba(255, 107, 0, 0.4);
}

/* Container general */
.satellite-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Item-ul principal (Flexbox) */
.satellite-item {
    display: flex;
    align-items: flex-start; /* Aliniere sus */
    gap: 60px; /* Spatiu mare intre imagine si text */
    margin-bottom: 80px;
    background: transparent; /* Fara fundal alb pe containerul mare */
    box-shadow: none; /* Scoatem umbra veche */
    padding: 0;
}

/* --- LOGICA ALTERNANTA STÂNGA / DREAPTA --- */

/* Pentru elementele pare (2, 4...), inversăm ordinea */
.satellite-item:nth-child(even) {
    flex-direction: row-reverse;
}

/* Wrapper Imagine */
.satellite-image-wrapper {
    flex: 1;
    max-width: 50%;
}

.satellite-img {
    width: 100%;
    height: auto;
    border-radius: 20px; /* Rotunjire colturi imagini */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    display: block;
}

/* Wrapper Text */
.satellite-info-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Titluri */
.satellite-item-title {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    line-height: 1.2;
}

/* Descrieri */
.satellite-item-desc {
    font-size: 16px;
    line-height: 1.6;
    color: var(--gray);
    margin-bottom: 30px;
}

/* --- BUTONUL CU IMAGINE --- */
.satellite-cta-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    
    /* Imaginea de fundal */
    background-image: url('../images/serviciidigitale/buton_footer.png');
    background-size: 100% 100%; /* Întinde imaginea pe tot butonul */
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    
    /* Dimensiuni și Text */
    padding: 15px 40px; /* Ajustează padding-ul pentru mărimea dorită */
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    width: fit-content; /* Să nu ocupe tot rândul */
    transition: transform 0.3s ease, opacity 0.3s ease;
    
    /* Umbră ușoară pentru a se separa de fundal alb */
    filter: drop-shadow(0 4px 6px rgba(255, 107, 0, 0.3));
}

.satellite-cta-btn:hover {
    transform: translateY(-2px);
    opacity: 0.95;
}

/* --- LISTELE (Formatul cursului / Teme abordate) --- */
.satellite-lists-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee; /* Linie fină de separare */
}

.satellite-list-col h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.satellite-list-col ul {
    list-style: none;
    padding: 0;
}

.satellite-list-col li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--gray);
}

/* Liniuța/Bullet custom */
.satellite-list-col li::before {
    content: '-'; /* Sau '•' */
    position: absolute;
    left: 0;
    color: var(--gray);
    font-weight: bold;
}

/* --- RESPONSIVE MOBILE --- */
@media (max-width: 992px) {
    .satellite-item, 
    .satellite-item:nth-child(even) {
        flex-direction: column; /* Toate elementele unul sub altul */
        gap: 30px;
    }

    .satellite-image-wrapper {
        max-width: 100%;
        width: 100%;
    }

    .satellite-lists-grid {
        grid-template-columns: 1fr; /* Listele una sub alta pe mobil */
    }
}
/* Planet glow behind hero content */
.hero-content::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 140%;
    height: 200%;
    border-radius: 50%;
    opacity: 0;
    filter: blur(40px);
    z-index: 0;
    transition: opacity 0.8s ease, background 0.8s ease;
    pointer-events: none;
}

.hero-content .hero-title,
.hero-content .hero-description {
    position: relative;
    z-index: 1;
}

.hero-content.glow-active::before {
    opacity: 1;
}

.hero-content.glow--cursuri::before {
    background: radial-gradient(ellipse, rgba(179, 30, 31, 0.4) 0%, transparent 60%);
}

.hero-content.glow--digital::before {
    background: radial-gradient(ellipse, rgba(255, 107, 0, 0.4) 0%, transparent 60%);
}

.hero-content.glow--podcast::before {
    background: radial-gradient(ellipse, rgba(1, 140, 169, 0.4) 0%, transparent 60%);
}

.hero-content.glow--landing::before {
    background: radial-gradient(ellipse, rgba(0, 152, 165, 0.4) 0%, transparent 60%);
}

.hero-content.glow--reviste::before {
    background: radial-gradient(ellipse, rgba(27, 133, 126, 0.4) 0%, transparent 60%);
}
/* Hero title accent color per planet */
.hero-title-accent {
    transition: color 0.6s ease;
}

.glow--cursuri .hero-title-accent {
    color: var(--color-cursuri);
}

.glow--digital .hero-title-accent {
    color: var(--color-digital);
}

.glow--podcast .hero-title-accent {
    color: var(--color-podcast);
}

.glow--landing .hero-title-accent {
    color: var(--color-landing);
}

.glow--reviste .hero-title-accent {
    color: var(--color-reviste);
}