.character {
 width:300px !important;
 height:auto !important;
 position:relative;
 z-index:3;
 display:block !important;
 margin:0 auto 40px auto;
}

.character img {
 width:100%;
 height:auto;
 display:block;
}

.planet-logo {
 background-image:url('../images/brand/backgrounds/galaxy-background.PNG') !important;
 background-size:cover !important;
 background-position:center !important;
 border-radius:50% !important;
 box-shadow:0 0 30px rgba(0, 100, 0, 0.5) !important;
 width:400px !important;
 height:auto !important;
 border:2px solid rgba(255, 255, 255, 0.3) !important;
}


.logo-frame, .logo-container-wrapper, .logo-outer-box {
 display:none;
}



.logo-container {
 background-image:url('../images/brand/backgrounds/galaxy-background.PNG') !important;
 background-size:cover !important;
 background-position:center !important;
 border-radius:50% !important;
 box-shadow:0 0 30px rgba(0, 100, 0, 0.5) !important;
 border:2px solid rgba(255, 255, 255, 0.3);
}


.hero-image, .orbit-circle, .hero-content {
 max-width:none !important;
}


.hero-image {
 min-height:600px !important;
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
}


.orbital-system {
 position:relative;
 width:600px;
 height:400px;
 margin:0 auto;
 display:flex;
 justify-content:center;
 align-items:center;
}


#animation-reducer {
 display:none !important;
}


.creator-message {
 text-align:center;
 margin:40px auto;
 max-width:800px;
 padding:20px;
 color:#fff;
 position:relative;
 z-index:5;
}

.message-container {
 background-color:rgba(0, 0, 0, 0.5);
 border-radius:10px;
 padding:25px;
 box-shadow:0 0 15px rgba(0, 100, 255, 0.3);
}

.creator-message h2 {
 font-size:1.8em;
 margin-bottom:20px;
 color:#ff8800;
}

.creator-message p {
 font-size:1.2em;
 line-height:1.6;
 margin-bottom:15px;
}


.download-section {
 padding:40px 20px;
 text-align:center;
 background-color:rgba(0, 0, 0, 0.1);
 border-radius:15px;
 margin:30px auto;
 max-width:800px;
}


.download-buttons-container {
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 margin:20px 0;
}


.download-button {
 display:block;
 width:100%;
 max-width:400px;
 text-decoration:none;
 padding:15px 30px;
 border-radius:30px;
 font-weight:bold;
 text-align:center;
 transition:all 0.3s ease;
 margin:10px 0;
 box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);
}


.download-button.primary {
 background-color:#0056b3;
 color:white;
 font-size:18px;
}

.download-button.primary:hover {
 background-color:#003d7e;
 transform:scale(1.05);
}


.download-button.orange {
 background-color:#FF8800;
 color:white;
 font-size:16px;
}

.download-button.orange:hover {
 background-color:#E67A00;
 transform:scale(1.05);
}


@media (min-width:768px) {
 
 .download-buttons-container {
 flex-direction:row;
 justify-content:center;
 gap:20px;
 }
 
 .download-button {
 width:auto;
 }
}

@media (max-width:480px) {
 
 .download-button {
 max-width:85%;
 font-size:14px;
 padding:12px 20px;
 }
}