/* TOPMANIDMB Brand Logo — Standard (matches guide.topmanidmb.ai) */

@keyframes topmanFloat {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-6px); }
}
@keyframes topmanRingSpin {
  to { transform: rotate(360deg); }
}
@keyframes topmanShimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}

.topman-brand {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* Logo wrapper */
.topman-logo-wrap {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}

/* Spinning ring — same as guide */
.topman-ring {
  position: absolute;
  top: -4px; left: -4px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #00e5ff;
  border-right-color: #9b59b6;
  animation: topmanRingSpin 3s linear infinite;
  pointer-events: none;
}

/* Logo image */
.topman-logo {
  border-radius: 50%;
  display: block;
  object-fit: cover;
  animation: topmanFloat 3s ease-in-out infinite;
  box-shadow: 0 0 16px rgba(0,229,255,0.35), 0 0 40px rgba(0,229,255,0.12);
  border: 2px solid rgba(0,229,255,0.3);
  position: relative;
  z-index: 2;
}

/* Brand text shimmer */
.topman-brand-text {
  background: linear-gradient(90deg, #f0a500 0%, #fff8e1 35%, #f0a500 60%, #d4861e 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: topmanShimmer 3s linear infinite;
  font-weight: 800;
  letter-spacing: 0.06em;
}