.tbb-wrap{max-width:1000px;margin:0 auto 48px;padding:22px 20px;background:#FFFFFF;border-radius:18px;box-shadow:0 14px 36px rgba(0,0,0,.08);perspective:1200px}
.tbb-js .tbb-bar{opacity:0;transform:translateY(40px) rotateX(16deg);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.tbb-js .tbb-bar.is-in{opacity:1;transform:none}
.tbb-tilt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#0E0E0E;color:#FFFFFF;border-radius:14px;padding:18px 26px;overflow:hidden;transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .3s ease;box-shadow:0 18px 40px rgba(0,0,0,.28);font-family:Lato,sans-serif;will-change:transform}
.tbb-tilt:hover{box-shadow:0 30px 60px rgba(0,0,0,.38)}
.tbb-text{font-size:14px;line-height:1.6;color:#D6D6D6;max-width:620px}
.tbb-text b{color:#FFFFFF;font-weight:700}
.tbb-badge{flex:0 0 auto;display:flex;align-items:center;gap:12px;border:1px solid #3A3A3A;border-radius:12px;padding:10px 16px;background:#161616}
.tbb-medal{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#FFD76A,#B8860B);color:#1A1A1A;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:18px;position:relative}
.tbb-medal span{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);font-size:9px;color:#FFFFFF;letter-spacing:.5px}
.tbb-brand{line-height:1}
.tbb-brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#CFCFCF;font-weight:700}
.tbb-brand strong{display:block;font-size:26px;font-weight:900;letter-spacing:.5px;background:linear-gradient(90deg,#E6E6E6,#8C8C8C);-webkit-background-clip:text;background-clip:text;color:transparent}
.tbb-mark{flex:0 0 auto;font-size:34px;font-weight:900;color:#7A7A7A;letter-spacing:-2px}
.tbb-shine{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.14),rgba(255,255,255,0) 50%);opacity:0;transition:opacity .3s ease}
.tbb-tilt:hover .tbb-shine{opacity:1}
@media (max-width:720px){.tbb-tilt{flex-direction:column;align-items:flex-start}.tbb-mark{display:none}}
@media (prefers-reduced-motion: reduce){.tbb-js .tbb-bar{opacity:1;transform:none;transition:none}.tbb-tilt{transition:none}}