.glass-btn {
  position: relative;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 0.5px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 50px !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.30),
    0 2px 8px rgba(0, 0, 0, 0.18) !important;
  overflow: hidden;
  transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}

.glass-btn::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 45%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.09) 0%,
    rgba(255, 255, 255, 0.00) 100%
  );
  border-radius: 50px 50px 0 0;
  pointer-events: none;
}

.glass-btn:hover {
  background: #FFA800 !important;
  border-color: rgba(255, 168, 0, 0.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.2),
    0 4px 20px rgba(255, 168, 0, 0.35) !important;
}


.glass-card {
  position: relative;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 30px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  left: -60%;
  width: 40%;
  height: 300%;
  background: linear-gradient(
    105deg,
    transparent 20%,
 rgba(255,255,255,0)   40%,
    rgba(255,255,255,0.25) 50%,
    rgba(255,255,255,0)   60%,
    transparent 80%
  );
  transform: skewX(-15deg);
  pointer-events: none;
  opacity: 0;
}

.glass-card:hover::after {
  animation: shine-sweep 0.65s ease forwards;
  opacity: 1;
}

@keyframes shine-sweep {
  0%   { left: -60%; }
  100% { left: 120%; }
}


.t-section_wrapper {
  position: relative;
  overflow: hidden;
}

.bg-circle {
  position: absolute;
  border-radius: 50%;
  will-change: transform;
  pointer-events: none;
  z-index: 0;
}

.bg-circle-1 {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle at 40% 40%, #FFD582, #FFA800);
  opacity: 0.45;
  top: -120px;
  left: -120px;
  filter: blur(80px);
  animation: float1 20s ease-in-out infinite;
}

.bg-circle-2 {
  width: 420px;
  height: 420px;
  background: radial-gradient(circle at 60% 40%, #FFFFFF, #FFEDC8);
  opacity: 0.40;
  bottom: -100px;
  right: -100px;
  filter: blur(70px);
  animation: float2 25s ease-in-out infinite;
}

@keyframes float1 {
  0%   { transform: translate(0px, 0px) scale(1); }
  20%  { transform: translate(160px, 90px) scale(1.06); }
  40%  { transform: translate(80px, 180px) scale(0.95); }
  60%  { transform: translate(220px, 50px) scale(1.09); }
  80%  { transform: translate(70px, 130px) scale(0.97); }
  100% { transform: translate(0px, 0px) scale(1); }
}

@keyframes float2 {
  0%   { transform: translate(0px, 0px) scale(1); }
  25%  { transform: translate(-130px, -80px) scale(1.07); }
  50%  { transform: translate(-70px, -160px) scale(0.93); }
  75%  { transform: translate(-190px, -40px) scale(1.04); }
  100% { transform: translate(0px, 0px) scale(1); }
}
#rec2319811291 .t396__elem:nth-child(1) {
  animation: float1 20s ease-in-out infinite !important;
}

#rec2319811291 .t396__elem:nth-child(2) {
  animation: float2 25s ease-in-out infinite !important;
}

.fade-on-scroll {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-on-scroll.visible {
  opacity: 1;
  transform: translateY(0px);
}