a.tr-logo,
a.trp-logo,
a.ta-logo,
a.th-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  padding: 7px 12px 7px 8px !important;
  border: 1px solid rgba(105, 222, 255, 0.78) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #ffffff 0%, #eef8ff 58%, #dcefff 100%) !important;
  box-shadow: 0 0 0 1px rgba(8, 125, 255, 0.12), 0 0 24px rgba(8, 217, 255, 0.26), 0 10px 28px rgba(0, 0, 0, 0.24) !important;
}

a.tr-logo::before,
a.trp-logo::before,
a.ta-logo::before,
a.th-logo::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(#08d9ff, #087dff 62%, #ff9818);
  z-index: 0;
}

a.tr-logo img,
a.trp-logo img,
a.ta-logo img,
a.th-logo img {
  display: block !important;
  position: relative !important;
  z-index: 1;
  height: auto !important;
  max-width: 100% !important;
  opacity: 1 !important;
  filter: contrast(1.12) saturate(1.1) drop-shadow(0 5px 10px rgba(3, 91, 190, 0.16)) !important;
}

@media (max-width: 640px) {
  a.tr-logo,
  a.trp-logo,
  a.ta-logo,
  a.th-logo {
    padding: 6px 9px 6px 7px !important;
    border-radius: 12px !important;
  }
}

#tr-tesla-mentor {
  position: fixed;
  top: clamp(120px, 21vh, 220px);
  right: 18px;
  z-index: 9997;
  width: min(410px, calc(100vw - 28px));
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  filter: blur(9px);
  transform: translateX(calc(100% + 70px)) scale(.94);
  transition: opacity .35s ease, transform .58s cubic-bezier(.2,.9,.2,1.08), filter .35s ease, visibility .35s;
}

#tr-tesla-mentor.tr-tesla-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  filter: none;
  transform: none;
}

#tr-tesla-mentor .tr-tesla-card {
  position: relative;
  display: grid;
  grid-template-columns: 108px 1fr;
  gap: 18px;
  align-items: center;
  overflow: hidden;
  padding: 22px 24px 23px 20px;
  border: 1px solid rgba(111, 232, 255, .48);
  border-radius: 25px;
  background: radial-gradient(circle at 16% 26%, rgba(8,217,255,.20), transparent 28%), linear-gradient(145deg, rgba(4,29,57,.98), rgba(2,11,25,.98));
  box-shadow: 0 0 0 1px rgba(8,125,255,.12), 0 0 48px rgba(8,217,255,.18), 0 24px 70px rgba(0,0,0,.42);
}

#tr-tesla-mentor .tr-tesla-card::before {
  content: "";
  position: absolute;
  inset: -140% 40% auto -50%;
  height: 280%;
  background: linear-gradient(90deg, transparent, rgba(94,237,255,.34), transparent);
  transform: rotate(24deg);
  animation: trTeslaFlash 1.15s ease-out both;
  pointer-events: none;
}

#tr-tesla-mentor .tr-tesla-close {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 3;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  background: rgba(255,255,255,.065);
  color: rgba(255,255,255,.76);
  font: 700 17px/1 Arial, sans-serif;
  cursor: pointer;
}

#tr-tesla-mentor .tr-tesla-avatar {
  position: relative;
  z-index: 1;
  width: 108px;
  height: 108px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(173,246,255,.58);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, #0e66bd, #052544 68%, #020914);
  box-shadow: inset 0 0 30px rgba(8,217,255,.18), 0 0 30px rgba(8,217,255,.30);
}

#tr-tesla-mentor .tr-tesla-avatar svg {
  width: 94%;
  height: 94%;
  filter: drop-shadow(0 0 8px rgba(101,239,255,.42));
}

#tr-tesla-mentor .tr-tesla-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding-right: 14px;
}

#tr-tesla-mentor .tr-tesla-name {
  margin-bottom: 7px;
  color: #67eaff;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

#tr-tesla-mentor .tr-tesla-tip {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.48;
  text-wrap: balance;
}

#tr-tesla-mentor .tr-tesla-sign {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  color: rgba(255,255,255,.42);
  font-size: 9px;
  font-weight: 800;
}

#tr-tesla-mentor .tr-tesla-sign i {
  color: #ffad19;
  font-style: normal;
}

#tr-tesla-mentor .tr-tesla-progress {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  z-index: 2;
  height: 2px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255,255,255,.07);
}

#tr-tesla-mentor .tr-tesla-progress::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #08d9ff, #087dff 72%, #ff9d18);
  transform-origin: left;
  animation: trTeslaStay 12s linear both;
}

@keyframes trTeslaFlash {
  0% { transform: translateX(-120%) rotate(24deg); opacity: 0; }
  28% { opacity: 1; }
  100% { transform: translateX(270%) rotate(24deg); opacity: 0; }
}

@keyframes trTeslaStay {
  to { transform: scaleX(0); }
}

@media (max-width: 640px) {
  #tr-tesla-mentor {
    top: auto;
    right: 10px;
    bottom: 88px;
    width: calc(100vw - 20px);
  }

  #tr-tesla-mentor .tr-tesla-card {
    grid-template-columns: 82px 1fr;
    gap: 13px;
    padding: 17px 18px 18px 14px;
    border-radius: 20px;
  }

  #tr-tesla-mentor .tr-tesla-avatar {
    width: 82px;
    height: 82px;
  }

  #tr-tesla-mentor .tr-tesla-tip {
    font-size: 12px;
    line-height: 1.42;
  }

  #tr-tesla-mentor .tr-tesla-name {
    font-size: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #tr-tesla-mentor,
  #tr-tesla-mentor * {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}


#tr-tesla-mentor .tr-tesla-actions{display:flex;align-items:center;gap:7px;margin-top:12px}
#tr-tesla-mentor .tr-tesla-consult,#tr-tesla-mentor .tr-tesla-pause{min-height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0 11px;font:900 9px/1 Inter,Arial,sans-serif;text-decoration:none!important;cursor:pointer}
#tr-tesla-mentor .tr-tesla-consult{border:1px solid #168dff;background:linear-gradient(135deg,#079dff,#0758ff);box-shadow:0 9px 20px rgba(8,112,255,.24);color:#fff!important}
#tr-tesla-mentor .tr-tesla-pause{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:rgba(255,255,255,.68)}
#tr-tesla-mentor .tr-tesla-consult:hover,#tr-tesla-mentor .tr-tesla-pause:hover{transform:translateY(-1px)}
@media(max-width:640px){#tr-tesla-mentor .tr-tesla-actions{align-items:stretch;flex-direction:column}#tr-tesla-mentor .tr-tesla-consult,#tr-tesla-mentor .tr-tesla-pause{width:100%;min-height:32px;font-size:8px}}