/* Daily Draw promo under the member standings (index.html) and on the app home screen. */
.draw-promo{position:relative;display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr) auto;gap:22px;align-items:center;margin:22px 0 0;padding:22px 26px;border:1px solid rgba(61,255,138,.5);border-radius:20px;background:radial-gradient(circle at 12% 50%,rgba(61,255,138,.13),transparent 55%),linear-gradient(135deg,#0d0a2b,#150f3d);color:inherit;text-decoration:none;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.draw-promo:hover,.draw-promo:focus-visible{border-color:#3dff8a;box-shadow:0 0 34px rgba(61,255,138,.28);transform:translateY(-2px)}
.draw-promo:focus-visible{outline:2px solid #3dff8a;outline-offset:3px}
.draw-promo-bubbles{display:flex;justify-content:center;padding-left:14px}
.draw-promo-bubbles img{width:58px;height:58px;margin-left:-14px;border:2px solid rgba(78,232,208,.7);border-radius:50%;background:#110d2c;object-fit:cover;object-position:50% 20%;box-shadow:0 0 14px rgba(78,232,208,.35);animation:drawPromoBob 3.2s ease-in-out infinite}
.draw-promo-bubbles img:nth-child(2n){animation-delay:-1.1s}
.draw-promo-bubbles img:nth-child(3n){animation-delay:-2.1s;border-color:#3dff8a;box-shadow:0 0 16px rgba(61,255,138,.55)}
@keyframes drawPromoBob{50%{transform:translateY(-8px)}}
.draw-promo-copy span{display:block;margin-bottom:6px;color:#3dff8a;font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.draw-promo-copy h3{margin:0 0 6px;font-size:clamp(24px,3vw,34px);line-height:1.05}
.draw-promo-copy p{margin:0;color:var(--muted,#aaa5cf);font-size:15px;line-height:1.5}
.draw-promo-cta{padding:13px 22px;border-radius:999px;background:#3dff8a;color:#04170c;font-size:16px;font-weight:900;white-space:nowrap}
@media(max-width:900px){.draw-promo{grid-template-columns:1fr;text-align:center;padding:20px 18px}.draw-promo-cta{justify-self:center}}
@media(prefers-reduced-motion:reduce){.draw-promo-bubbles img{animation:none}.draw-promo{transition:none}}