/* MX811 premium promotion card — scoped to the promo component */
.promo .promocard{position:relative;isolation:isolate;min-height:290px;padding:38px 46px;border-radius:22px;border:1px solid rgba(169,103,255,.45);background:radial-gradient(ellipse at 78% 45%,rgba(126,54,236,.36),transparent 49%),linear-gradient(115deg,#10112d 0%,#19123a 58%,#0b1029 100%);box-shadow:inset 0 1px 0 #ffffff18,0 18px 45px #0004;overflow:hidden}
.promo .promocard:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#9b55ff12,transparent 45%),repeating-linear-gradient(120deg,transparent 0 49px,#a776ff08 50px 51px);z-index:-1}
.promo .promocard:after{content:"MX811  •  KRW";position:absolute;right:24px;bottom:16px;font-weight:800;font-size:11px;letter-spacing:.23em;color:#bba1ec77}
.promo .promocard>div:first-child{position:relative;z-index:2;max-width:70%}
.promo .promocard h3{display:inline-flex;align-items:center;gap:9px;margin:0 0 8px;font-size:20px;font-weight:600;color:#e3d7ff}
.promo .promocard h3:before{content:"WELCOME BONUS";display:inline-block;padding:6px 10px;border:1px solid #a35cf26b;background:#a35cf21a;border-radius:99px;color:#d5adff;font-size:10px;font-weight:800;letter-spacing:.1em}
.promo .promocard p{margin:3px 0 17px;color:#fff;font-size:26px;font-weight:600}
.promo .promocard p strong{font-size:clamp(48px,5.7vw,76px);font-weight:900;letter-spacing:-.045em;line-height:1.1;color:#fff;background:linear-gradient(180deg,#fff 5%,#d7a8ff 48%,#a66aff 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 5px 18px #ad65ff45)}
.promo .promocard a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 20px;margin:2px 0 0;background:linear-gradient(100deg,#8036e8,#aa55f5);color:#fff;font-size:14px;font-weight:800;border-radius:10px;box-shadow:0 8px 25px #8036e83d;transition:transform .2s,filter .2s}
.promo .promocard a:hover{transform:translateY(-2px);filter:brightness(1.12)}
.promo .promocard small{color:#aeb0cf;margin-top:10px;font-size:12px}
.promo .promocard .gift{position:relative;flex:0 0 205px;width:205px;height:205px;display:grid;place-items:center;margin-right:30px;border:1px solid #d3a1ff65;border-radius:50%;background:radial-gradient(circle at 45% 32%,#af67ff70,#6121ae40 47%,#32116b24 67%,transparent 70%);box-shadow:0 0 0 17px #ac70ff12,0 0 0 36px #ac70ff09,0 0 65px #a351ff55,inset 0 0 40px #c283ff40;transform:rotate(-12deg);font-size:0;text-shadow:none;filter:none}
.promo .promocard .gift:before{content:"₩";font-size:124px;font-weight:900;line-height:1;color:#fff;text-shadow:0 0 20px #c893ff,0 0 45px #ad4bff}
.promo .promocard .gift:after{content:"BONUS";position:absolute;bottom:25px;left:50%;transform:translateX(-50%);color:#ead9ff;font-size:12px;font-weight:900;letter-spacing:.3em}
@media(max-width:700px){.promo .promocard{padding:25px 22px;min-height:230px;border-radius:17px}.promo .promocard>div:first-child{max-width:73%}.promo .promocard h3{display:block;font-size:16px}.promo .promocard h3:before{display:block;width:max-content;margin-bottom:10px;font-size:9px}.promo .promocard p{font-size:19px}.promo .promocard p strong{font-size:clamp(34px,7vw,54px)}.promo .promocard .gift{width:115px;height:115px;flex-basis:115px;margin:0 3px 0 0;box-shadow:0 0 0 10px #ac70ff12,0 0 0 22px #ac70ff09,0 0 40px #a351ff44}.promo .promocard .gift:before{font-size:74px}.promo .promocard .gift:after{font-size:8px;bottom:13px}.promo .promocard a{font-size:12px;padding:9px 13px;min-height:39px}}
@media(max-width:420px){.promo .promocard{padding:23px 17px;min-height:226px}.promo .promocard>div:first-child{max-width:78%}.promo .promocard h3{font-size:14px}.promo .promocard p{font-size:16px;margin-bottom:12px}.promo .promocard p strong{font-size:38px}.promo .promocard .gift{width:75px;height:75px;flex-basis:75px;margin-right:-8px}.promo .promocard .gift:before{font-size:49px}.promo .promocard .gift:after{font-size:6px;bottom:7px}.promo .promocard a{font-size:11px;padding:8px 10px}.promo .promocard small{font-size:10px}.promo .promocard:after{font-size:8px;right:12px;bottom:10px}}