* {
  margin: 0;
  padding: 0;
}
html[theme='black'] #start_page { background-color: #263040; }
html[theme='blue'] #start_page { background-color: #5D98E2; }
html[theme='whiteGreen'] #start_page { background-color: #1e8c58; }
html[theme='purple'] #start_page { background-color: #89188A; }
html[theme='whiteRed'] #start_page { background-color: #cb3034; }
html[theme='oilyGreen'] #start_page { background-color: #3BAC65; }
html[theme='versaceYellow'] #start_page { background-color: #f5b90b; }
html[theme='lancomePeach'] #start_page { background-color: #ee7879; }
html[theme='whiteYellow'] #start_page { background-color: #df9a1c; }
html[theme='whiteBlue'] #start_page { background-color: #5378bf; }
html[theme='sk2'] #start_page { background-color: #CC2B32; }
html[theme='whiteOrange'] #start_page { background-color: #FEAB6D; }
html[theme='hermesOrange'] #start_page { background-color: #F26E0A; }
html[theme='lightBrown'] #start_page { background-color: #9B8977; }
html[theme='furlaBlue'] #start_page { background-color: #5375D1; }
html[theme='whitePink'] #start_page { background-color: #FDAAAE; }
html[theme='bvGreen'] #start_page { background-color: #9CBE1F; }
html[theme='whiteBrown'] #start_page { background-color: #C8AE94; }
html[theme='AnnaSuiPurple'] #start_page { background-color: #6B53A2; }
html[theme='whitePurple'] #start_page { background-color: #C197C1; }
html[theme='burgundyRed'] #start_page { background-color: #8F2B40; }
html[theme='whiteDarkGreen'] #start_page { background-color: #23919C; }
html[theme='greenGold'] #start_page { background-color: #05584F; }
html[theme='whiteBrownLauren'] #start_page { background-color: #CB9878; }
html[theme='whiteRedGucci'] #start_page { background-color: #B9919C; }
html[theme='embraerBlue'] #start_page { background-color: #214A9C; }
html[theme='elsaPink'] #start_page { background-color: #ED89A5; }
html[theme='bvlgariBrown'] #start_page { background-color: #836658; }
html[theme='whiteBlack'] #start_page { background-color: #898788; }
html[theme='whiteBlueFendi'] #start_page { background-color: var(--theme-top-bar); }
html[theme='venetaGrey'] #start_page { background-color: var(--theme-top-bar); }
html[theme='martinPurple'] #start_page { background-color: var(--theme-top-bar); }
html[theme='usdtGreen'] #start_page { background-color: var(--theme-top-bar); }
html[theme='whiteGreenCindy'] #start_page { background-color: var(--theme-top-bar); }
html[theme='microsoftRed'] #start_page { background-color: var(--theme-top-bar); }
html[theme='celineBrownWhite'] #start_page { background-color: var(--theme-top-bar); }
html[theme='ferrariBlack'] #start_page { background-color: var(--theme-top-bar); }
html[theme='burberryBlueWhite'] #start_page { background-color: var(--theme-top-bar); }
html[theme='almondyellow'] #start_page { background-color: var(--theme-top-bar); }
html[theme='montblancbluewhite'] #start_page { background-color: var(--theme-top-bar); }
html[theme='bondiBlue'] #start_page { background-color: var(--theme-top-bar); }
html[theme='wasabiYellowWhite'] #start_page { background-color: var(--theme-top-bar); }
html[theme='gemRed'] #start_page { background-color: var(--theme-top-bar); }
html[theme='coralPurpleWhite'] #start_page { background-color: var(--theme-top-bar); }
html[theme='elegantPinkWhite'] #start_page { background-color: var(--theme-top-bar); }
html[theme='lemonGreenWhite'] #start_page { background-color: var(--theme-top-bar); }
html[theme='caramelYelloWhite'] #start_page { background-color: var(--theme-top-bar); }
html[theme='camelliaRedWhite'] #start_page { background-color: var(--theme-top-bar); }
html[theme='coralPurple'] #start_page { background-color: var(--theme-top-bar); }
html[theme='windbellGreen'] #start_page { background-color: var(--theme-top-bar); }
html[theme='diorPurpleWhite'] #start_page { background-color: var(--theme-top-bar); }
html[theme='almondYellow'] #start_page { background-color: var(--theme-top-bar); }
html[theme='montblancBluewhite'] #start_page { background-color: var(--theme-top-bar); }

/* ==================== ANIMAÇÕES GLOBAIS ==================== */
@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes pulse {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50% { opacity: 0.8; transform: scale(1.05); }
}
@keyframes stars {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(-100vh); opacity: 0; }
}
@keyframes wave {
  0% { transform: translateX(-100%) scaleY(1); }
  50% { transform: translateX(0%) scaleY(1.1); }
  100% { transform: translateX(100%) scaleY(1); }
}
@keyframes fireFlicker {
  0%, 100% { background-position: 0% 50%; opacity: 1; }
  25% { background-position: 50% 0%; opacity: 0.9; }
  50% { background-position: 100% 50%; opacity: 1; }
  75% { background-position: 50% 100%; opacity: 0.85; }
}
@keyframes iceShimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}
@keyframes rotateGlow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes diamondSpark {
  0%, 100% { background-position: 0% 0%; }
  25% { background-position: 100% 0%; }
  50% { background-position: 100% 100%; }
  75% { background-position: 0% 100%; }
}

/* ==================== NOVOS 15 TEMAS ==================== */

html[theme='galaxyPurple'] #start_page {
  background: linear-gradient(135deg, #0d0020, #1a0040, #2d0060, #1a0040, #0d0020);
  background-size: 400% 400%;
  animation: gradientShift 8s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='galaxyPurple'] #start_page::before {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  background-image:
    radial-gradient(2px 2px at 10% 20%, #fff 0%, transparent 100%),
    radial-gradient(2px 2px at 30% 50%, #cc88ff 0%, transparent 100%),
    radial-gradient(1px 1px at 50% 10%, #fff 0%, transparent 100%),
    radial-gradient(2px 2px at 70% 30%, #fff 0%, transparent 100%),
    radial-gradient(1px 1px at 90% 70%, #cc88ff 0%, transparent 100%),
    radial-gradient(2px 2px at 20% 80%, #fff 0%, transparent 100%),
    radial-gradient(1px 1px at 60% 90%, #fff 0%, transparent 100%),
    radial-gradient(2px 2px at 80% 60%, #cc88ff 0%, transparent 100%);
  animation: stars 20s linear infinite;
}

html[theme='sunsetOrange'] #start_page {
  background: linear-gradient(180deg, #ff6b00, #ff4500, #cc2200, #880000, #ff6b00);
  background-size: 200% 400%;
  animation: gradientShift 6s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='sunsetOrange'] #start_page::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -50%;
  width: 200%;
  height: 60%;
  background: linear-gradient(transparent, rgba(255,100,0,0.3), rgba(255,50,0,0.5));
  animation: wave 4s ease-in-out infinite;
  border-radius: 50%;
}

html[theme='neonGreen'] #start_page {
  background: linear-gradient(135deg, #001a00, #003300, #001a00);
  background-size: 300% 300%;
  animation: gradientShift 5s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='neonGreen'] #start_page::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,255,136,0.03) 2px, rgba(0,255,136,0.03) 4px),
    repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(0,255,136,0.03) 2px, rgba(0,255,136,0.03) 4px);
  animation: pulse 3s ease-in-out infinite;
}

html[theme='deepOcean'] #start_page {
  background: linear-gradient(180deg, #001428, #002850, #003c78, #002850, #001428);
  background-size: 200% 400%;
  animation: gradientShift 8s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='deepOcean'] #start_page::before {
  content: '';
  position: absolute;
  bottom: -20%;
  left: -50%;
  width: 200%;
  height: 80%;
  background: linear-gradient(transparent, rgba(0,100,200,0.2), rgba(0,60,150,0.4));
  animation: wave 5s ease-in-out infinite;
  border-radius: 50%;
}

html[theme='goldenLuxury'] #start_page {
  background: linear-gradient(135deg, #1a0a00, #3d2000, #6b3800, #3d2000, #1a0a00);
  background-size: 400% 400%;
  animation: gradientShift 6s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='goldenLuxury'] #start_page::before {
  content: '';
  position: absolute;
  inset: -50%;
  background: conic-gradient(from 0deg, transparent 0deg, rgba(255,215,0,0.1) 30deg, transparent 60deg, rgba(255,165,0,0.15) 90deg, transparent 120deg, rgba(255,215,0,0.1) 150deg, transparent 180deg, rgba(255,165,0,0.1) 210deg, transparent 240deg, rgba(255,215,0,0.15) 270deg, transparent 300deg, rgba(255,165,0,0.1) 330deg, transparent 360deg);
  animation: rotateGlow 10s linear infinite;
}

html[theme='rubyRed'] #start_page {
  background: linear-gradient(135deg, #1a0000, #400010, #800020, #400010, #1a0000);
  background-size: 400% 400%;
  animation: gradientShift 7s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='rubyRed'] #start_page::before {
  content: '';
  position: absolute;
  inset: -50%;
  background: conic-gradient(from 0deg, transparent, rgba(200,0,50,0.15), transparent, rgba(150,0,30,0.1), transparent);
  animation: rotateGlow 8s linear infinite;
}

html[theme='emeraldGreen'] #start_page {
  background: linear-gradient(135deg, #001a0a, #003318, #006630, #003318, #001a0a);
  background-size: 400% 400%;
  animation: gradientShift 7s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='emeraldGreen'] #start_page::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 20% 20%, rgba(0,200,100,0.15) 0%, transparent 40%),
    radial-gradient(ellipse at 80% 80%, rgba(0,150,70,0.2) 0%, transparent 40%);
  animation: pulse 5s ease-in-out infinite;
}

html[theme='midnightBlue'] #start_page {
  background: linear-gradient(180deg, #000814, #001233, #001f54, #001233, #000814);
  background-size: 200% 400%;
  animation: gradientShift 10s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='midnightBlue'] #start_page::before {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  background-image:
    radial-gradient(1px 1px at 15% 25%, rgba(100,150,255,0.8) 0%, transparent 100%),
    radial-gradient(2px 2px at 35% 55%, rgba(150,200,255,0.6) 0%, transparent 100%),
    radial-gradient(1px 1px at 55% 15%, rgba(200,220,255,0.9) 0%, transparent 100%),
    radial-gradient(1px 1px at 75% 35%, rgba(100,150,255,0.7) 0%, transparent 100%),
    radial-gradient(2px 2px at 85% 75%, rgba(150,180,255,0.8) 0%, transparent 100%);
  animation: stars 25s linear infinite;
}

html[theme='roseGold'] #start_page {
  background: linear-gradient(135deg, #2a0a10, #5c1a25, #8b2a3a, #5c1a25, #2a0a10);
  background-size: 400% 400%;
  animation: gradientShift 7s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='roseGold'] #start_page::before {
  content: '';
  position: absolute;
  inset: -100%;
  background: conic-gradient(from 0deg, transparent, rgba(255,180,150,0.08), transparent, rgba(200,100,100,0.1), transparent);
  animation: rotateGlow 12s linear infinite;
}

html[theme='crimsonFire'] #start_page {
  background: linear-gradient(180deg, #0a0000, #2a0500, #550a00, #880000, #550a00, #2a0500);
  background-size: 200% 400%;
  animation: fireFlicker 4s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='crimsonFire'] #start_page::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70%;
  background: linear-gradient(180deg, transparent, rgba(255,50,0,0.15), rgba(255,100,0,0.25), rgba(255,150,0,0.15));
  animation: wave 3s ease-in-out infinite;
  border-radius: 50% 50% 0 0;
}

html[theme='arcticIce'] #start_page {
  background: linear-gradient(135deg, #e8f4ff, #c0e0ff, #90c8ff, #c0e0ff, #e8f4ff);
  background-size: 400% 400%;
  animation: iceShimmer 6s linear infinite;
  position: relative;
  overflow: hidden;
}
html[theme='arcticIce'] #start_page::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
  background-size: 200% 100%;
  animation: iceShimmer 3s linear infinite;
}

html[theme='tropicalGreen'] #start_page {
  background: linear-gradient(135deg, #001a08, #003d14, #006622, #003d14, #001a08);
  background-size: 400% 400%;
  animation: gradientShift 6s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='tropicalGreen'] #start_page::before {
  content: '';
  position: absolute;
  bottom: -10%;
  left: -50%;
  width: 200%;
  height: 70%;
  background: radial-gradient(ellipse, rgba(0,180,60,0.15) 0%, transparent 60%);
  animation: wave 5s ease-in-out infinite;
}

html[theme='lavenderPurple'] #start_page {
  background: linear-gradient(135deg, #1a0a2e, #2d1450, #4a1a80, #2d1450, #1a0a2e);
  background-size: 400% 400%;
  animation: gradientShift 8s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='lavenderPurple'] #start_page::before {
  content: '';
  position: absolute;
  inset: -50%;
  background: conic-gradient(from 0deg, transparent, rgba(180,100,255,0.1), transparent, rgba(140,80,220,0.12), transparent);
  animation: rotateGlow 15s linear infinite;
}

html[theme='copperBronze'] #start_page {
  background: linear-gradient(135deg, #1a0a00, #3d1a00, #6b3010, #3d1a00, #1a0a00);
  background-size: 400% 400%;
  animation: gradientShift 7s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='copperBronze'] #start_page::before {
  content: '';
  position: absolute;
  inset: -100%;
  background: conic-gradient(from 0deg, transparent, rgba(180,100,30,0.12), transparent, rgba(200,120,50,0.1), transparent);
  animation: rotateGlow 12s linear infinite;
}

html[theme='diamondWhite'] #start_page {
  background: linear-gradient(135deg, #f0f4ff, #e0e8ff, #d0dcff, #e0e8ff, #f0f4ff);
  background-size: 400% 400%;
  animation: diamondSpark 8s ease infinite;
  position: relative;
  overflow: hidden;
}
html[theme='diamondWhite'] #start_page::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, transparent 40%, rgba(255,255,255,0.6) 50%, transparent 60%);
  background-size: 200% 200%;
  animation: iceShimmer 2s linear infinite;
}

/* ==================== ESTILOS BASE ==================== */
#start_page {
  margin: 0;
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 10000000;
}
#start_page_img {
  width: 150px;
  height: auto;
}
@media screen and (max-width: 600px) {
  #start_page_img {
    min-width: 100%;
  }
}
@media screen and (min-width: 600px) {
  #start_page_img {
    min-width: 500px !important;
  }
}
#start_page_img {
  min-height: 100% !important;
}