.signup-promotion {position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:22px 30px; margin:0 0 38px; padding:30px 32px 18px; border:1px solid #833757; border-radius:24px; overflow:hidden; color:#fff; background:radial-gradient(ellipse at 90% 0%,#85104988,transparent 60%),radial-gradient(ellipse at 0% 100%,#c027702b,transparent 65%),#170b14; box-shadow:0 12px 60px #ed298213}
.signup-promotion::before {content:""; position:absolute; z-index:-1; inset:0; opacity:.4; background-image:radial-gradient(#fb8bbd55 .7px,transparent .8px); background-size:7px 7px; mask-image:linear-gradient(90deg,transparent,#000)}
.signup-promotion {overflow-wrap:anywhere}
.signup-promotion-tag {display:inline-block; margin:0 0 15px; padding:5px 12px; border-radius:4px; background:#ff3994; color:#180911; font-size:11px; font-weight:900; letter-spacing:.04em; transform:skewX(-8deg)}
.signup-promotion h2 {display:grid; gap:5px; margin:0; font-size:clamp(25px,2.55vw,36px); font-weight:900; letter-spacing:-.055em; line-height:1.23; word-break:keep-all; text-wrap:balance}
#signupPromotionAccent {color:#ff65ad}
.signup-promotion-description {max-width:660px; margin:15px 0 18px; color:#dfbed0; font-size:13px; line-height:1.7; word-break:keep-all}
.signup-promotion-action {display:flex; align-items:center; flex-wrap:wrap; gap:12px 16px}
.signup-promotion-action button {min-height:42px; padding:10px 16px; border:1px solid #ff65ad; border-radius:8px; color:#fff; background:#ba2366; box-shadow:inset 0 -2px 0 #6b103d; font-family:inherit; font-size:13px; font-weight:700; line-height:1.4; cursor:pointer}
.signup-promotion-action button:hover {background:#d12b77}
.signup-promotion-action span {color:#dfbed0; font-size:11px; line-height:1.6}
.signup-promotion-clock {align-self:center; padding:21px 16px 18px; border:1px solid #e34b9244; border-radius:16px; background:linear-gradient(145deg,#73204166,#39172fcc); box-shadow:0 0 45px #ff25813b,inset 0 1px 0 #ff81b626; text-align:center}
.signup-promotion-clock>p {margin:0 0 16px; color:#ffc6e1; font-size:12px; font-weight:700}
.signup-promotion-digits {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px}
.signup-promotion-digits>div {display:grid; gap:5px; min-width:0}
.signup-promotion-digits strong {font-size:33px; font-weight:800; letter-spacing:-.04em; line-height:1.15; font-variant-numeric:tabular-nums}
.signup-promotion-digits span {color:#e6adc8; font-size:10px}
.signup-promotion-clock .signup-promotion-clock-note {margin:17px 0 0; color:#f7bfd9; font-size:11px; font-weight:500; line-height:1.6}
.signup-promotion-terms {grid-column:1/-1; margin:0; padding-top:14px; border-top:1px solid #ff8db627; color:#c69aad; font-size:10px; line-height:1.7; word-break:keep-all}
@media(max-width:1050px) {.signup-promotion {grid-template-columns:minmax(0,1fr) 245px; gap:20px; padding:26px 24px 16px}.signup-promotion-digits strong {font-size:29px}}
@media(max-width:760px) {.signup-promotion {grid-template-columns:minmax(0,1fr); padding:24px 20px 16px; gap:20px; border-radius:20px}.signup-promotion-clock {width:100%; padding:18px 20px}.signup-promotion-digits strong {font-size:32px}.signup-promotion h2 {font-size:27px}.signup-promotion-terms {padding-top:12px}}