body{
  background: radial-gradient(1200px 600px at 50% -10%, #12223a 0%, #0b0f1a 60%, #070a12 100%);
  color:#fff;
  font-family:'Andika', system-ui, Segoe UI, Roboto, Arial, sans-serif;
}

.cover-container{ max-width: 860px; }

.logo-sm{
  width:84px; height:84px; border-radius:50%;
  object-fit:cover; box-shadow:0 8px 20px rgba(0,0,0,.35);
}

.brand{ font-weight:800; letter-spacing:.2px; margin: 10px 0 6px; }
.sub{ opacity:.85; margin-bottom: 14px; }

/* Carousel shell */
.media-carousel{
  max-width: 860px;
  border-radius: 18px;
}

/* Ensure contained media looks nice */
.object-cover{ object-fit: cover; }

/* Thumbnails */
.thumbs .thumb{
  border: 0;
  background: transparent;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}
.thumbs img{
  width: 72px; height: 48px; object-fit: cover; display: block;
  opacity: .9; transition: .2s;
}
.thumbs .thumb:hover img{ opacity: 1; transform: translateY(-2px); }

/* Caption legibility */
.carousel-caption{
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 80%);
  border-radius: 12px;
  padding-bottom: 0.6rem;
}

/* Mobile tweaks */
@media (max-width: 480px){
  .cover-container{ max-width: 94vw; }
  .thumbs img{ width: 64px; height: 44px; }
}
body{
  background: radial-gradient(1200px 600px at 50% -10%, #12223a 0%, #0b0f1a 60%, #070a12 100%);
  color:#fff;
  font-family:'Andika', system-ui, Segoe UI, Roboto, Arial, sans-serif;
}

.cover-container{ max-width: 900px; }

.logo-sm{
  width:84px; height:84px; border-radius:50%;
  object-fit:cover; box-shadow:0 8px 20px rgba(0,0,0,.35);
}

.brand{ font-weight:800; letter-spacing:.2px; margin: 10px 0 6px; }
.sub{ opacity:.85; margin-bottom: 10px; }

/* Tabs */
.media-tabs .nav-link{
  color:#cfe8ff;
  border-radius: 999px;
  margin: 0 .25rem;
  padding: .5rem 1rem;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
}
.media-tabs .nav-link.active{
  color:#0c86c6;
  background: #ffffff;
  border-color:#fff;
  font-weight:800;
}

/* Carousel */
.media-carousel{
  max-width: 900px;
}
.object-cover{ object-fit: cover; }

.carousel-caption{
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 80%);
  border-radius: 12px;
  padding-bottom: .6rem;
}

/* Thumbs (optional if you add later) */
.thumbs img{
  width: 72px; height: 48px; object-fit: cover; display:block;
}

/* Mobile tweaks */
@media (max-width: 480px){
  .cover-container{ max-width: 94vw; }
}