/* Shared visual system for the five standalone content pages. */
.detail-page{background:#f8fbff}
.detail-page .container{width:min(1240px,calc(100% - 96px))}
.detail-page .desktop-nav a:hover,.detail-page .site-footer nav a:hover{color:#179dff}
.detail-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 82% 38%,#d5eaff,transparent 58%),linear-gradient(135deg,#fbfdff,#eaf5ff)}
.detail-hero>.container{position:relative;z-index:1}
.detail-light{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
.detail-light:before,.detail-light:after{content:"";position:absolute;width:140%;height:220px;left:-15%;bottom:4px;border:2px solid #fff;border-radius:50%;transform:rotate(-12deg);box-shadow:0 -5px 16px #fff,0 -18px 40px #c2e3ff80,inset 0 12px 22px #fff9}
.detail-light:after{bottom:-95px;transform:rotate(10deg);box-shadow:0 -6px 20px #fff}
.breadcrumb{display:flex;gap:12px;align-items:center;padding-top:23px;color:#6e88a5;font-size:12px}
.breadcrumb a{padding:6px 0;color:#2077c5}
.detail-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:44px;min-height:555px;padding:14px 0 48px}
.detail-hero-copy{position:relative;z-index:2}
.section-kicker{display:block;color:#177de2;font-size:11px;font-weight:650;letter-spacing:.18em;line-height:1.5;margin-bottom:15px}
.detail-hero h1{font-size:64px;line-height:1.16;letter-spacing:-.04em}
.detail-hero h1>span{display:block;font-size:32px;margin-top:13px;line-height:1.4;letter-spacing:-.025em}
.detail-subtitle{font-size:18px;line-height:1.9;max-width:540px;margin-top:22px}
.detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.detail-tags span{font-size:12px;color:#3477b0;background:#ffffffab;border:1px solid #c5e0fa;border-radius:40px;padding:6px 14px}
.detail-hero .button-row{gap:12px;margin-top:29px}
.detail-hero .button{font-size:15px;padding:11px 23px;min-height:49px;gap:12px}
.detail-art{height:450px;position:relative;display:grid;place-items:center;isolation:isolate}
.art-sheet{width:350px;max-width:82%;aspect-ratio:1;border-radius:50%;background-image:url("assets/category-approved.png");background-size:200% 200%;box-shadow:0 0 0 5px #fff,0 0 0 8px #168feb,0 0 0 16px #d6f1ff88,0 22px 55px #0c6ccc50;z-index:2}
.art-halo{position:absolute;inset:23px 0;border:1px solid #79bdfa80;border-radius:50%;transform:rotate(-22deg);box-shadow:inset 0 0 70px #a0d1ff50}
.art-halo:before{content:"";position:absolute;inset:40px -22px;border:1px solid #fff;border-radius:50%;transform:rotate(48deg);box-shadow:0 0 14px #fff}
.art-halo:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;top:50px;right:50px;box-shadow:0 0 0 6px #8bc9ff60,0 0 26px #35a2ff}
.art-caption{position:absolute;bottom:5px;font-size:10px;letter-spacing:.16em;color:#5284b1}
.detail-page .art-live{background-position:0 0}.detail-page .art-slots{background-position:100% 0}.detail-page .art-sports{background-position:0 100%}.detail-page .art-chess{background-position:100% 100%}
.detail-section{padding:75px 0}
.detail-heading{margin-bottom:34px}
.detail-heading h2{font-size:37px;line-height:1.3;letter-spacing:-.03em}
.detail-heading h2:after{content:"";display:block;width:42px;height:4px;background:linear-gradient(90deg,#086ee9,#41c9ff);border-radius:3px;margin-top:14px}
.detail-heading>p{font-size:16px;line-height:1.9;max-width:700px;margin-top:19px}
.intro-section{background:white;padding:55px 0}
.intro-layout{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:65px}
.intro-layout .detail-heading{margin:0}
.intro-layout h2{font-size:29px}
.intro-layout .section-kicker{font-size:10px;margin-bottom:10px}
.intro-pills{display:grid;gap:10px}
.intro-pills span{display:flex;align-items:center;gap:14px;padding:12px 20px;font-size:16px;border-radius:9px;border:1px solid #cbe4ff;background:linear-gradient(120deg,#f6fbff,#fff);box-shadow:4px 5px 14px #4c96d70a}
.intro-pills span:before{content:"";width:7px;height:7px;background:#087fff;box-shadow:0 0 0 4px #dfedff;transform:rotate(45deg);margin-right:3px}
.showcase{color:#fff;background:radial-gradient(ellipse at 52% 0,#103b72,transparent 65%),repeating-linear-gradient(130deg,transparent 0 350px,#12639913 351px 353px,transparent 354px 680px),#041b37}
.showcase .detail-heading>p{color:#bfd6ed}
.showcase .section-kicker{color:#7cc9ff}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.game-card{position:relative;min-width:0;background:linear-gradient(135deg,#173e68aa,#062346 70%);border:1px solid #4e8ac378;border-radius:18px;overflow:hidden;box-shadow:inset 0 1px 0 #b8e2ff50,0 12px 30px #00152844;transition:transform .2s,border-color .2s}
.game-card:hover{transform:translateY(-4px);border-color:#91d3ff}
.game-art{position:relative;padding:28px 20px;display:grid;place-items:center;min-height:216px;background:radial-gradient(ellipse,#399ef529,transparent 66%)}
.game-art:after{content:"";position:absolute;width:62%;height:1px;bottom:0;background:linear-gradient(90deg,transparent,#4389c7,transparent)}
.game-art img{width:170px;height:170px;object-fit:contain;border-radius:13px;filter:drop-shadow(0 10px 13px #00132888)}
.game-copy{padding:25px 25px 29px}
.game-number{position:absolute;top:18px;left:20px;color:#77abd3;font-size:10px;letter-spacing:.12em}
.game-provider{color:#73bdf8;font-size:11px;letter-spacing:.025em;display:block;margin-bottom:8px}
.game-card h3{font-size:22px;line-height:1.45;letter-spacing:-.02em}
.game-card p{font-size:14px;line-height:1.9;color:#aac3dc;margin-top:12px}
.section-actions{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:35px;padding-top:27px;border-top:1px solid #5687b64d}
.section-actions p{color:#a2c0e0;font-size:13px}
.section-actions .button{font-size:14px;min-height:46px;padding:10px 23px}
.sports-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}
.sports-card{grid-column:span 4}
.sports-card:nth-child(n+4){grid-column:span 3}
.sports-card .game-art{padding:0;min-height:0;background:#e9f3fc}
.sports-card .game-art img{width:100%;height:auto;aspect-ratio:600/274;object-fit:contain;border-radius:0;filter:none}
.sports-card .game-copy{padding:16px 22px 24px}
.sports-card .game-number{top:10px;left:10px;background:#071d36bd;color:#fff;padding:2px 6px;border-radius:4px}
.sports-card h3{font-size:21px}
.sports-card p{margin-top:6px;font-size:12px}
.sports-brand{width:115px;height:40px;display:grid;place-items:center;background:#fff;border-radius:5px;margin-bottom:15px;padding:1px 8px}
.sports-brand img{width:100%;height:100%;object-fit:contain}
.sports-card:nth-child(n+4) h3{font-size:19px}
.provider-section{background:linear-gradient(115deg,#fff,#f1f8ff)}
.provider-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}
.provider-layout .detail-heading{margin:0}
.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.provider-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:173px;background:#fff;border:1px solid #d1e6fb;border-radius:14px;box-shadow:0 12px 25px #438acb0c;padding:18px 10px}
.provider-card img{width:100px;height:100px;object-fit:contain}
.provider-card span{font-size:11px;color:#476888;text-align:center;line-height:1.6}
.detail-faq{background:#fff;border-top:1px solid #e1edfa}
.detail-faq .faq-list{max-width:100%}
.detail-faq .faq-list summary{font-size:16px;min-height:65px}
.detail-faq .faq-list details>p{font-size:15px}
.detail-faq .button{margin-top:20px;font-size:14px}
.related-section{background:linear-gradient(130deg,#e8f4ff,#f7fbff);padding:47px 0}
.related-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
.related-heading h2{font-size:27px}
.related-heading>a{font-size:13px;color:#3273b3;padding:8px 0}
.related-grid{display:flex;gap:20px}
.related-card{display:flex;flex:1;gap:15px;align-items:center;background:#fff;border:1px solid #c8e1f8;border-radius:12px;padding:16px;color:#133d64;font-size:15px;font-weight:600;transition:box-shadow .2s}
.related-card:hover{box-shadow:0 8px 20px #1979d422}
.related-art{display:block;flex-shrink:0;width:54px;height:54px;border-radius:50%;background-image:url("assets/category-approved.png");background-size:200% 200%;border:2px solid #dcf2ff}
.related-card>svg{margin-left:auto;width:18px;color:#188cff}
.steps-section{background:#f2f8ff}
.step-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.step-grid li{background:#fff;border:1px solid #cbe1f9;border-radius:15px;padding:29px 26px}
.step-number{font-size:34px;font-weight:750;line-height:1;color:#087bf0;display:block;margin-bottom:28px;letter-spacing:-.04em}
.step-grid h3{font-size:20px;margin-bottom:12px}
.step-grid p{font-size:14px;line-height:1.9}
.steps-section .button{margin-top:25px;font-size:14px}
.page-offers .step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.page-offers .detail-hero-grid{grid-template-columns:1.15fr 1fr}
.page-offers .detail-hero h1{font-size:53px}
.page-offers .detail-hero h1>span{font-size:31px}
.page-offers .detail-art{height:465px}
.offer-hero-gift{max-width:none;width:135%;height:100%;object-fit:cover;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.review-notice{margin:25px auto 0;padding:18px 23px;border:1px solid #e5c798;border-radius:12px;background:#fff9ed;display:flex;align-items:center;gap:28px}
.review-notice strong{font-size:13px;color:#806037;white-space:nowrap}
.review-notice p{font-size:12px;color:#846d4f;line-height:1.9}
.eligibility-section{padding-top:58px}
.eligibility-grid{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.eligibility-grid>div{border:1px solid #cfe5fa;background:#fff;border-radius:12px;padding:24px 21px}
.eligibility-grid dt{font-size:16px;font-weight:650;color:#0f4b82;display:flex;align-items:center;gap:9px}
.eligibility-grid dt:before{content:"";width:6px;height:6px;background:#0485ff;border-radius:50%;box-shadow:0 0 0 3px #e6f3ff}
.eligibility-grid dd{margin:14px 0 0;font-size:14px;color:#58748f;line-height:1.9}
.rewards-section{background:radial-gradient(ellipse at 0 0,#174a7e,transparent 70%),#051d3c;color:#fff}
.rewards-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.rewards-section .section-kicker{color:#86ccff}
.rewards-section .detail-heading{margin-bottom:20px}
.reward-note{color:#c9e2f7;font-size:17px;line-height:1.9}
.reward-small{color:#8eafd0;font-size:13px;line-height:1.9;margin-top:18px}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#90d2ff;margin-top:25px;padding:8px 0}
.reward-table{border-collapse:separate;border-spacing:0;width:100%;background:#0c3054;border:1px solid #5998cf;border-radius:14px;overflow:hidden;box-shadow:0 0 30px #0d7ce71a}
.reward-table th{padding:20px 28px;text-align:left;font-size:14px;background:#194b75;color:#d8ecff;font-weight:500}
.reward-table td{padding:13px 28px;font-size:25px;border-top:1px solid #285175;font-variant-numeric:tabular-nums}
.reward-table td+td{color:#8ad5ff;font-weight:650}
.terms-section{background:#fff}
.terms-list{margin:0;border:1px solid #d5e6f9;border-radius:14px;overflow:hidden}
.terms-list>div{display:grid;grid-template-columns:175px 1fr;border-bottom:1px solid #dce9f7}
.terms-list>div:last-child{border:0}
.terms-list dt{padding:20px 24px;font-size:15px;font-weight:600;background:#eef6ff;color:#214e7a}
.terms-list dd{margin:0;padding:20px 26px;font-size:14px;line-height:1.9;color:#476581}
.terms-note{font-size:12px;line-height:1.9;color:#826038;background:#fff8e9;border:1px solid #edd7b2;padding:16px 20px;border-radius:9px;margin-top:18px}
@media(max-width:1150px){
 .detail-page .container{width:calc(100% - 64px)}
 .detail-hero-grid{gap:23px;min-height:540px}
 .detail-hero h1{font-size:55px}.detail-hero h1>span{font-size:27px}.detail-subtitle{font-size:16px}
 .detail-art{height:385px}.art-sheet{width:285px}.detail-hero .button{font-size:13px;padding:11px 17px;gap:8px}
 .detail-heading h2{font-size:32px}.intro-layout{gap:35px}.intro-layout h2{font-size:26px}
 .provider-layout{gap:30px}.provider-grid{gap:10px}.provider-card{padding:12px 6px}.provider-card img{width:82px;height:82px}
 .related-grid{gap:12px}.related-card{padding:13px 11px;gap:10px;font-size:13px}.related-art{width:45px;height:45px}
 .sports-grid{gap:15px}.sports-card .game-copy{padding:16px}.sports-card:nth-child(n+4) h3{font-size:16px}
 .rewards-layout{gap:50px}.page-offers .detail-hero h1{font-size:43px}.page-offers .detail-hero h1>span{font-size:26px}
 .eligibility-grid{gap:12px}.eligibility-grid>div{padding:20px 16px}.page-offers .step-grid{gap:14px}.step-grid li{padding:24px 20px}
}
@media(max-width:780px){
 .detail-page .container{width:calc(100% - 36px)}
 .breadcrumb{padding-top:17px;font-size:11px;gap:10px}
 .detail-hero-grid{grid-template-columns:1fr;gap:5px;padding:24px 0 25px;min-height:0}
 .detail-hero h1{font-size:43px}.detail-hero h1>span{font-size:24px;margin-top:9px;line-height:1.5}
 .section-kicker{font-size:9px;margin-bottom:12px}.detail-subtitle{font-size:15px;margin-top:17px;line-height:1.9}
 .detail-tags{margin-top:18px;gap:7px}.detail-tags span{padding:5px 11px;font-size:11px}
 .detail-hero .button-row{margin-top:22px;gap:10px}.detail-hero .button{font-size:12px;min-height:46px;padding:11px 15px}
 .detail-art{height:335px;margin:10px auto 0;width:min(390px,100%)}.art-sheet{width:250px;max-width:78%}.art-halo{inset:23px 12px}.art-caption{bottom:5px;font-size:8px;letter-spacing:.1em}
 .detail-section{padding:44px 0}.detail-heading{margin-bottom:25px}.detail-heading h2{font-size:28px}.detail-heading h2:after{height:3px;width:33px;margin-top:11px}.detail-heading>p{font-size:14px;margin-top:14px}
 .intro-section{padding:35px 0}.intro-layout,.provider-layout{grid-template-columns:1fr;gap:23px}.intro-layout h2{font-size:25px}
 .intro-pills{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.intro-pills span{padding:10px 7px;font-size:11px;justify-content:center;gap:6px}.intro-pills span:before{width:4px;height:4px;box-shadow:none;margin:0}
 .game-grid{grid-template-columns:1fr;gap:16px}.game-card{display:grid;grid-template-columns:140px 1fr;border-radius:13px;align-items:center}
 .game-art{padding:20px 15px;min-height:170px}.game-art img{width:115px;height:115px;border-radius:9px}.game-art:after{display:none}
 .game-number{top:8px;left:10px;font-size:8px}.game-copy{padding:18px 17px 18px 0}.game-provider{font-size:9px;margin-bottom:6px}.game-card h3{font-size:18px}.game-card p{font-size:12px;line-height:1.8;margin-top:8px}
 .section-actions{display:block;margin-top:25px;padding-top:22px}.section-actions p{font-size:12px}.section-actions .button{margin-top:18px;font-size:13px;min-height:45px}
 .sports-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sports-card,.sports-card:nth-child(n+4){display:block;grid-column:auto}.sports-card:first-child{grid-column:1/3}
 .sports-card .game-copy{padding:15px}.sports-card .game-art{padding:0;min-height:0}.sports-card .game-art img{width:100%;height:auto;border-radius:0}
 .sports-card h3,.sports-card:nth-child(n+4) h3{font-size:17px}.sports-card:first-child h3{font-size:22px}.sports-card p{font-size:10px;margin-top:4px}.sports-brand{width:95px;height:34px;margin-bottom:11px}
 .provider-grid{gap:9px}.provider-card{min-height:142px;padding:14px 5px;gap:7px}.provider-card img{width:78px;height:78px}.provider-card span{font-size:9px}
 .detail-faq .faq-list summary{font-size:13px;min-height:57px}.detail-faq .faq-list details>p{font-size:13px}.detail-faq .button{font-size:12px}
 .related-heading{margin-bottom:20px}.related-heading h2{font-size:23px}.related-heading>a{font-size:11px}.related-grid{flex-direction:column;gap:10px}.related-card{font-size:15px;padding:11px 16px;gap:16px}.related-art{width:45px;height:45px}
 .step-grid,.page-offers .step-grid{grid-template-columns:1fr;gap:12px}.step-grid li{position:relative;padding:22px 20px 22px 74px}.step-number{position:absolute;left:20px;top:24px;font-size:26px}.step-grid h3{font-size:18px;margin-bottom:9px}.step-grid p{font-size:13px}
 .page-offers .detail-hero-grid{grid-template-columns:1fr}.page-offers .detail-hero h1{font-size:37px}.page-offers .detail-hero h1>span{font-size:24px}.page-offers .detail-art{height:270px;margin:3px auto -15px}.offer-hero-gift{width:120%}
 .review-notice{display:block;margin-top:20px;padding:16px 18px}.review-notice p{margin-top:7px;font-size:11px}.review-notice strong{font-size:12px}
 .eligibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.eligibility-grid>div{padding:18px 14px}.eligibility-grid dt{font-size:14px;gap:8px}.eligibility-grid dd{font-size:12px;margin-top:10px}
 .rewards-layout{grid-template-columns:1fr;gap:30px}.reward-note{font-size:15px}.reward-small{font-size:12px;margin-top:12px}.text-link{margin-top:14px}.reward-table th{font-size:13px;padding:15px 22px}.reward-table td{font-size:23px;padding:12px 22px}
 .terms-list>div{grid-template-columns:1fr}.terms-list dt{padding:11px 17px;font-size:14px}.terms-list dd{padding:13px 17px;font-size:13px}.terms-note{font-size:11px;padding:14px 16px}
}
@media(max-width:360px){
 .detail-page .container{width:calc(100% - 30px)}.detail-hero h1{font-size:38px}.detail-hero h1>span{font-size:21px}.detail-hero .button{padding:10px 12px;font-size:11px;gap:6px}
 .detail-art{height:300px}.art-sheet{width:222px}.game-card{grid-template-columns:115px 1fr}.game-art{padding:18px 10px}.game-art img{width:94px;height:94px}.game-copy{padding-right:13px}.game-card h3{font-size:16px}.game-card p{font-size:11px}.intro-pills{gap:5px}.intro-pills span{font-size:10px;padding:10px 4px}
 .provider-card img{width:63px;height:63px}.provider-card span{font-size:8px}.page-offers .detail-hero h1{font-size:33px}.page-offers .detail-hero h1>span{font-size:22px}.sports-card h3,.sports-card:nth-child(n+4) h3{font-size:15px}
}