:root{
  --ta-bg0: #0b0710;
  --ta-bg1: #160a1f;
  --ta-card: rgba(255,255,255,.07);
  --ta-stroke: rgba(255,255,255,.14);
  --ta-shadow: 0 20px 60px rgba(0,0,0,.45);
  --ta-grad: linear-gradient(135deg, #ff8a00 0%, #ff3d8e 40%, #b44cff 100%);
  --ta-grad2: linear-gradient(135deg, #ffdf4f 0%, #ff3d8e 55%, #14d37a 110%);
  --bs-body-font-family: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --bs-body-font-size: 18px;
  --bs-body-bg: var(--ta-bg0);
  --bs-body-color: rgba(255,255,255,.92);
  --bs-link-color: #ff3d8e;
  --bs-link-hover-color: #ff8a00;
  --bs-primary: #ff3d8e;
  --bs-secondary: #b44cff;
  --bs-success: #14d37a;
  --bs-warning: #ffdf4f;
  --bs-danger: #ff5a5f;
  --bs-border-color: rgba(255,255,255,.12);
}

body{
  background: var(--ta-bg0);
  background-image:
    radial-gradient(900px circle at 12% 10%, rgba(255,61,142,.28), transparent 55%),
    radial-gradient(900px circle at 90% 20%, rgba(180,76,255,.22), transparent 55%),
    radial-gradient(900px circle at 60% 92%, rgba(20,211,122,.18), transparent 55%);
}

.fw-extrabold{ font-weight: 800; }

.ta-navbar{
  background: rgba(10,7,16,.60);
  border-bottom: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(14px);
}

.ta-mark{
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: var(--ta-grad);
  color: #120815;
  box-shadow: 0 16px 50px rgba(255,61,142,.20);
}

.ta-mark--footer{
  background: rgba(255,255,255,.12);
  color: rgba(255,255,255,.92);
  box-shadow: none;
  border: 1px solid rgba(255,255,255,.14);
}

.ta-badge{
  font-size: .75rem;
  padding: .2rem .55rem;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.85);
}

.navbar .nav-link{
  border-radius: 14px;
  padding: .6rem .75rem;
  color: rgba(255,255,255,.86);
  transition: transform .18s ease, background .18s ease;
}
.navbar .nav-link:hover{
  background: rgba(255,255,255,.08);
  transform: translateY(-1px);
}

.btn-ta{
  border: 0;
  background: var(--ta-grad);
  color: #120815;
  font-weight: 800;
  border-radius: 16px;
  padding: .7rem 1rem;
  box-shadow: 0 18px 60px rgba(255,61,142,.22);
}
.btn-ta:hover{
  background: var(--ta-grad2);
  color: #120815;
}

.ta-hero{
  padding: 3.2rem 0 1.4rem;
}

.ta-hero-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 28px;
  box-shadow: var(--ta-shadow);
  overflow: hidden;
}

.ta-hero-media{
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--ta-shadow);
  position: relative;
}
.ta-hero-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
}
.ta-hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(120deg, rgba(11,7,16,.55), rgba(11,7,16,.10) 60%, rgba(11,7,16,.65));
}

.ta-kicker{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .35rem .75rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.86);
}

.ta-section-title{
  letter-spacing: -0.02em;
}

.ta-card{
  background: var(--ta-card);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 28px;
  box-shadow: 0 14px 42px rgba(0,0,0,.28);
}

.ta-icon{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
}
.ta-icon i{
  background: var(--ta-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 1.35rem;
}

.ta-pill{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .85rem;
  padding: .28rem .6rem;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.82);
}

.ta-divider{
  border-top: 1px solid rgba(255,255,255,.10);
}

.ta-gallery img{
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 42px rgba(0,0,0,.28);
}

.accordion{
  --bs-accordion-bg: rgba(255,255,255,.06);
  --bs-accordion-border-color: rgba(255,255,255,.12);
  --bs-accordion-btn-color: rgba(255,255,255,.92);
  --bs-accordion-active-color: rgba(255,255,255,.92);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(255,61,142,.16);
}
.accordion-button{
  border-radius: 22px !important;
  background: rgba(255,255,255,.06);
}
.accordion-item{
  border-radius: 22px !important;
  overflow: hidden;
}

.ta-footer{
  border-top: 1px solid rgba(255,255,255,.08);
}

.ta-footer-links a{
  color: rgba(255,255,255,.72);
  text-decoration: none;
  display: inline-block;
  padding: .25rem 0;
}
.ta-footer-links a:hover{
  color: rgba(255,255,255,.95);
}

.ta-modal{
  background: rgba(20,12,28,.96);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  box-shadow: var(--ta-shadow);
}
.ta-modal-icon{
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
}
.ta-modal-icon i{
  background: var(--ta-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 1.55rem;
}

.ta-cookie{
  position: fixed;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 1050;
}

.ta-toast{
  border-radius: 22px;
  background: rgba(20,12,28,.94);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: var(--ta-shadow);
  backdrop-filter: blur(14px);
}

.ta-pagehead{
  padding: 2.5rem 0 1.2rem;
}
.ta-prose{
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 28px;
  box-shadow: 0 14px 42px rgba(0,0,0,.20);
}
.ta-prose h2{ margin-top: 1.2rem; }
.ta-prose p, .ta-prose li{ color: rgba(255,255,255,.80); }