/* V4: dimensional metal frames, photographic objects and isolated players. */
.signup-code{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:100%;min-width:216px;margin:25px auto 0;padding:12px 22px;border:1px solid #cbb47788;border-bottom:3px solid #66502a;border-radius:5px;background:linear-gradient(155deg,#33402a,#101e12 68%);box-shadow:inset 0 1px 0 #fff0bd2b,inset 0 -1px 0 #0009,0 4px 0 #080f08,0 9px 15px #0005;color:#ddd9ba}
.signup-code>span{font-size:13px;letter-spacing:1px}.signup-code strong{font-family:ROKAF,Arial,sans-serif;font-size:24px;letter-spacing:4px;color:#fff0b5;text-shadow:0 2px 0 #87622b,0 4px 6px #000b,0 0 15px #edce7855}.cta-note{margin-top:19px}.closing-signup{margin-top:27px}.closing-bottom{margin-top:30px}

.bonus-banner,.join-panel,.verification-panel,.closing-frame{border:5px solid transparent;border-radius:12px;background:radial-gradient(ellipse at 35% 0,#a3a66a22,transparent 65%) padding-box,linear-gradient(145deg,#2d4228f5,#0d1c10fc 70%) padding-box,linear-gradient(135deg,#fff1c0 0%,#b4934e 13%,#5d4525 31%,#e4ca86 48%,#9e7b3b 64%,#4a361c 78%,#c5a564 100%) border-box;box-shadow:inset 0 2px 1px #f9e9ab3b,inset 2px 0 2px #e9d3941a,inset 0 -3px 4px #000a,0 2px 0 #edcf8755,0 7px 0 #53401f,0 10px 0 #1c2513,0 12px 0 #070e08,0 22px 30px #0008,0 0 32px #dcc57e12;isolation:isolate}
.bonus-banner:before,.join-panel:before{inset:7px;border:1px solid #0a1409;border-top:1px solid #b7a16a77;border-left:1px solid #c4ae744d;box-shadow:inset 0 1px 1px #0008,0 1px 0 #d4c28b33;border-radius:4px;z-index:0}
.bonus-banner{background:radial-gradient(ellipse at 50% 10%,#9da05d33,transparent 70%) padding-box,linear-gradient(150deg,#304729,#0e1f10 73%) padding-box,linear-gradient(135deg,#fff1c0,#a78544 17%,#674b29 33%,#f2dda0 49%,#94723a 68%,#5a4020 80%,#dcc185) border-box;padding-top:41px;padding-bottom:45px;margin-bottom:35px}
.frame-hardware{position:absolute;inset:7px;pointer-events:none;z-index:6;background:radial-gradient(circle at 40% 30%,#e6d4a0 0 12%,#736342 20% 39%,#171e11 46% 59%,transparent 68%) top left/7px 7px no-repeat,radial-gradient(circle at 40% 30%,#e6d4a0 0 12%,#736342 20% 39%,#171e11 46% 59%,transparent 68%) top right/7px 7px no-repeat,radial-gradient(circle at 40% 30%,#e6d4a0 0 12%,#736342 20% 39%,#171e11 46% 59%,transparent 68%) bottom left/7px 7px no-repeat,radial-gradient(circle at 40% 30%,#e6d4a0 0 12%,#736342 20% 39%,#171e11 46% 59%,transparent 68%) bottom right/7px 7px no-repeat}
.frame-runner{inset:-5px;padding:1.8px;border-radius:12px;filter:drop-shadow(0 0 5px #fbe39a)}
.join-panel{margin-top:27px;padding:34px}.deposit-grid{border:2px solid #9c854e;border-top-color:#5a4927;border-bottom-color:#c2aa6b;border-radius:6px;box-shadow:inset 0 5px 13px #000b,0 1px 0 #ffeaba44,0 -1px 0 #091409,0 4px 6px #0005;background:#08160c}.deposit-grid>div{background:linear-gradient(140deg,#e7cc8812,transparent 65%);border-right-color:#ccaf6f66;border-bottom-color:#ccaf6f66;box-shadow:inset 1px 1px 0 #ffe9a614,inset -1px -1px 0 #0009;text-shadow:0 2px 0 #080e05,0 4px 6px #000a}.deposit-grid span{text-shadow:0 1px 0 #967235,0 3px 5px #0009,0 0 14px #eacb7355}
.join-caption,.category-strip,.service-strip{border-top-color:#cfb57588;border-left-color:#bba06b66;border-bottom-width:3px;box-shadow:inset 0 1px 0 #fce8ab1f,inset 0 -1px 0 #0009,0 3px 0 #071109,0 7px 12px #0004}.join-caption{border-top-color:#5a643b99;box-shadow:inset 0 3px 8px #000a,0 1px 0 #ddc48a44,0 4px 6px #0004}
.rate-card,.assurance-card,.reason-card{border:2px solid transparent;border-bottom-width:4px;border-radius:9px;background:linear-gradient(140deg,#3a502de8,#112512fa 62%,#0b1b0ffa) padding-box,linear-gradient(135deg,#f5df9e,#aa8b4a 22%,#5f4928 43%,#d0b16a 68%,#75562b) border-box;box-shadow:inset 0 2px 0 #f8e6aa26,inset 0 -2px 2px #0009,0 6px 0 #3b341c,0 8px 0 #071009,0 16px 21px #0006}
.rate-card:after,.assurance-card:after,.reason-card:after{inset:5px;border-color:#c9b17124;border-bottom-color:#f2db962b;border-top-color:#020a0677;border-radius:4px}
.rate-card.visible:hover,.assurance-card.visible:hover,.reason-card.visible:hover{border-color:transparent;transform:translateY(-5px);box-shadow:inset 0 2px 0 #fff1bb44,0 8px 0 #3b341c,0 10px 0 #071009,0 22px 28px #0008,0 0 28px #dfbf682a}
.rate-grid{gap:20px;margin-top:32px}.rate-card{padding-top:22px;padding-bottom:27px}.assurance-grid{gap:19px}.assurance-card{padding-top:21px;padding-bottom:20px}.assurance-card h3{position:relative;z-index:1;margin-top:12px;margin-bottom:5px;text-shadow:0 2px 0 #08160b,0 4px 5px #0007}.reason-list{gap:21px}.reason-card{padding:23px 30px;min-height:142px}.reason-card p{color:#c3cdb4}.reason-num{position:relative;z-index:1;border-bottom:1px solid #b6a77466;padding-bottom:4px}.verification-panel{padding:29px 32px;margin-top:32px}.proof-grid{border:3px solid #8d7846;border-top-color:#d3bd7f;border-bottom:5px solid #5d4929;border-radius:9px;box-shadow:inset 0 2px 0 #ffe8a62a,inset 0 -2px 3px #000a,0 6px 0 #101a0c,0 17px 23px #0007;background:linear-gradient(140deg,#283e22,#0b1d0ff2)}.proof-grid>div+div{border-left-color:#b6a66b55;box-shadow:inset 1px 0 0 #f6df9d0c}

.object-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px #0009) drop-shadow(0 0 12px #edcf7522);pointer-events:none}.rate-symbol{width:107px;height:95px;margin:0 auto 7px;filter:none;font-size:0}.rate-symbol .object-art{object-fit:contain}.rate-card p{margin-top:5px}.assurance-card>.object-art{width:88px;height:84px;margin:0 auto 8px}.proof-glyph{width:78px;height:74px;background:none;border:0;box-shadow:none;border-radius:0}.proof-grid p{margin-top:7px}.reason-icon{width:92px;height:92px;flex-shrink:0;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse,#f1d88012,transparent 70%);font-size:0;text-shadow:none}.reason-icon .object-art{width:100%;height:100%}.verification-mark{width:86px;height:92px;background:none;clip-path:none;filter:none;overflow:visible}.verification-mark>.object-art{width:100%;height:100%}

/* Shared stage for isolated player images; final composition is in effects.css. */
.sports-showcase{margin:32px 0 28px}.sports-photo-grid{display:block;position:relative;width:100%;height:440px;padding:0;perspective:none;isolation:isolate;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)}
.sports-field-light{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,#b5bd5a30,transparent 65%),radial-gradient(ellipse at 50% 35%,#e9d89413,transparent 56%);z-index:-1}.sports-field-light:before{content:'';position:absolute;width:430px;height:430px;max-width:90%;border:1px solid #c2ca7922;border-radius:50%;left:50%;top:8%;transform:translateX(-50%);box-shadow:0 0 60px #cfcd7808,inset 0 0 45px #cfcd7808}.sports-field-light:after{content:'';position:absolute;left:5%;right:5%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#f1d79088,transparent)}
.sports-photo,.photo-two,.photo-three{position:absolute;bottom:0;margin:0;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none;transform:none;height:100%;width:34%;z-index:2}.sports-photo:after{content:none}.sports-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 1px #e7e3ba99) drop-shadow(0 10px 12px #0009) drop-shadow(0 0 22px #c5c47813);max-width:none}.photo-one{left:1%;height:96%}.photo-two{width:63%;height:100%;left:50%;transform:translateX(-50%);z-index:1}.photo-three{right:-6%;width:44%;height:100%}.sports-showcase figcaption{margin-top:9px;font-size:8px;line-height:1.8;letter-spacing:.15px;color:#9caa90}
.closing-frame{padding-top:40px;padding-bottom:28px}.closing-frame:after{z-index:-1}.closing-frame>.frame-hardware{z-index:0}.closing-frame>.primary-cta{z-index:3}

@media(max-width:900px){.sports-photo-grid{height:380px}.reason-card{padding:22px 24px}.reason-icon{width:80px;height:80px}}
@media(max-width:600px){
 .signup-code{margin-top:24px;min-width:184px;padding:9px 18px;gap:14px}.signup-code>span{font-size:11px}.signup-code strong{font-size:21px;letter-spacing:3px}.cta-note{margin-top:17px}.closing-signup{margin-top:25px}.closing-bottom{margin-top:26px}
 .bonus-banner,.join-panel,.verification-panel,.closing-frame{border-width:4px;border-radius:9px;box-shadow:inset 0 2px 1px #f9e9ab30,inset 0 -3px 3px #000a,0 2px 0 #edcf8744,0 6px 0 #53401f,0 8px 0 #1c2513,0 10px 0 #070e08,0 18px 23px #0007,0 0 25px #dcc57e12}
 .bonus-banner{padding:29px 10px 66px;margin-bottom:30px}.join-panel{margin-top:23px;padding:26px 12px}.frame-hardware{inset:5px;background-size:5px 5px}.frame-runner{inset:-4px;border-radius:9px;padding:1.5px}.bonus-banner:before,.join-panel:before{inset:5px}
 .deposit-grid{border-width:1px}.rate-grid{gap:16px;margin-top:28px}.rate-card{padding:15px 7px 23px}.rate-symbol{width:91px;height:79px;margin-bottom:5px}.rate-card p{margin-top:2px}.rate-card h3{font-size:18px}.assurance-grid{gap:16px}.assurance-card{padding:17px 8px 21px}.assurance-card>.object-art{width:75px;height:69px;margin-bottom:8px}.assurance-card h3{font-size:13px;margin:8px 0 0}.proof-grid{padding:19px 3px 22px;border-width:2px;border-bottom-width:4px}.proof-glyph{width:58px;height:56px}.proof-grid p{margin-top:5px;font-size:8px}.reason-list{gap:17px}.reason-card{padding:19px 11px;gap:12px;min-height:118px}.reason-icon{width:66px;height:70px}.reason-card h3{font-size:14px}.reason-card p{font-size:8px;margin-top:8px}.reason-num{font-size:6px;letter-spacing:0}.verification-panel{padding:23px 12px;gap:11px;margin-top:23px}.verification-mark{width:49px;height:61px}.verification-panel h3{font-size:19px}.verification-seal{width:63px;height:63px;font-size:14px}.verification-seal span{font-size:3px}.sports-showcase{margin-top:25px;margin-bottom:22px}.sports-photo-grid{height:210px}.sports-field-light:before{width:230px;height:230px;top:6%}.photo-one{height:100%;width:40%;left:-4%}.photo-two{height:100%;width:78%}.photo-three{height:100%;width:54%;right:-12%}.sports-showcase figcaption{font-size:6px;margin-top:6px;letter-spacing:0}.closing-frame{padding:30px 16px 24px}.closing-frame h2{font-size:28px}.closing-cta{font-size:16px;gap:8px;padding-left:11px;padding-right:11px}.closing-cta .cta-star{width:12px;height:12px}.closing-cta .cta-arrow{padding-left:8px}
}
@media(max-width:359px){.signup-code{min-width:174px}.sports-photo-grid{height:175px}.reason-icon{width:53px;height:58px}.reason-card{padding:17px 9px;gap:9px}.reason-card h3{font-size:12px}.reason-card p{font-size:7px}.reason-num{font-size:5px}.rate-symbol{width:78px;height:71px}.rate-card h3{font-size:16px}.bonus-banner h2{font-size:24px}.verification-mark{width:41px}.verification-panel h3{font-size:17px}.closing-frame{padding-left:12px;padding-right:12px}.closing-frame h2{font-size:26px}.closing-cta{font-size:14px;gap:7px}.closing-cta .cta-arrow{padding-left:7px}}

/* V5: match the signup-code panel to each corresponding CTA's outer size. */
.signup-code{width:100%;min-width:0;min-height:73px}
.closing-signup{max-width:390px;min-height:67px}
@media(max-width:600px){.signup-code{min-height:65px}.closing-signup{min-height:61px}}

.signup-code{animation:code-size-pulse 2.8s ease-in-out infinite;animation-play-state:var(--motion-play);transform-origin:center}
@keyframes code-size-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}