.bg-shell,.bg-shell *{box-sizing:border-box}.bg-shell{--bg:#03111f;--panel:#071c31;--panel2:#0a2540;--line:#183b59;--orange:#ff9200;--green:#35ce59;--blue:#1888ff;--text:#eef5fb;max-width:1300px;width:100%;margin:18px auto;background:var(--bg);color:var(--text);border-radius:20px;overflow:hidden;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 24px 70px #00102155}
.bg-nav{height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;background:#020c16;border-bottom:1px solid #14283b}.bg-nav nav{display:flex;gap:18px}.bg-nav a{color:#d8e3ec!important;text-decoration:none!important;font-weight:900}.bg-nav nav a{padding:20px 8px 16px;border-bottom:3px solid transparent}.bg-nav nav a.active{color:#ff9a00!important;border-color:#ff9a00}.bg-progress-link{justify-self:end;border:1px solid #607689;border-radius:8px;padding:9px 13px;font-size:11px}.bg-progress-link.active{color:#ff9a00!important;border-color:#ff9a00}
.bg-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 32px 24px;background:radial-gradient(circle at 72% 20%,#0d2842,#03111f 48%)}.bg-hero.compact{padding-bottom:26px}.bg-hero>div>span{display:block;color:#ff9500;font-size:11px;font-weight:950;margin-bottom:6px}.bg-hero h1{color:#fff!important;font-size:34px!important;line-height:1.08!important;margin:0 0 9px!important}.bg-hero em{font-style:normal;color:#ff9200}.bg-hero p{color:#a9bac8!important;font-size:13px!important}.bg-hero-art{font-size:48px;letter-spacing:8px}.bg-hero-points{display:flex;gap:22px;margin-top:20px;font-size:11px;color:#c8d5df}
.bg-section,.bg-learn-preview{padding:14px 28px 26px}.bg-section>h2,.bg-benefits>h2,.bg-section-head h2{color:#fff!important;font-size:17px!important;margin:0 0 13px!important}.bg-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.bg-card{display:flex!important;flex-direction:column;background:linear-gradient(#0b2035,#061420)!important;border:1px solid #1b405f!important;border-radius:12px!important;overflow:hidden!important;text-decoration:none!important;color:#fff!important;min-width:0}.bg-card.green{border-color:#1c8a42!important}.bg-card.orange{border-color:#ff8f00!important}.bg-card.blue{border-color:#1764a8!important}.bg-card.purple{border-color:#693992!important}.bg-card.teal{border-color:#207d82!important}.bg-card.gold{border-color:#8a6818!important}.bg-card-img{height:170px;background-size:cover;background-position:center}.bg-card-body{position:relative;padding:12px;display:flex;flex-direction:column;flex:1}.bg-card-badge{position:absolute;top:-162px;left:10px;background:#2cc75a;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:950}.orange .bg-card-badge{background:#ff8b00}.blue .bg-card-badge{background:#2d81e8}.purple .bg-card-badge{background:#9d50d1}.teal .bg-card-badge{background:#2b9da1}.gold .bg-card-badge{background:#a77b1e}.bg-card h2{color:#fff!important;font-size:16px!important;line-height:1.08!important;margin:4px 0 8px!important}.bg-card p{color:#c2ced7!important;font-size:10px!important;line-height:1.45!important;min-height:44px}.bg-meta{font-size:8px;color:#b5c4d0;margin-top:auto;margin-bottom:8px}.bg-card strong{display:block;text-align:center;background:#26b84c;color:#fff;padding:8px;border-radius:5px;font-size:11px}.orange strong{background:#ff8900}.blue strong{background:#1558a3}.purple strong{background:#55267a}.teal strong{background:#147478}.gold strong{background:#806019}
.bg-benefits{padding:0 28px 24px}.bg-benefits>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bg-benefits article{display:grid;grid-template-columns:38px 1fr;gap:4px 8px;background:#061725;border:1px solid #15334d;border-radius:10px;padding:14px;font-size:25px}.bg-benefits article b{font-size:11px}.bg-benefits article span{grid-column:2;color:#9eb1c1;font-size:9px;line-height:1.4}
.bg-section-head{display:flex;justify-content:space-between;align-items:center}.bg-section-head a{color:#ff9a00!important;text-decoration:none!important;font-size:10px}.bg-preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.bg-preview-grid article{background:#061725;border:1px solid #173852;border-radius:10px;padding:15px;font-size:30px}.bg-preview-grid h3{font-size:13px!important;color:#fff!important}.bg-preview-grid p{font-size:9px!important;color:#a9bac8!important}
.bg-progress-cta{display:grid;grid-template-columns:60px 1fr auto;gap:15px;align-items:center;margin:0 28px 28px;padding:18px 22px;border:1px solid #233d54;border-radius:12px;background:#071827}.bg-progress-cta>span{font-size:34px}.bg-progress-cta h2{color:#fff!important;font-size:17px!important;margin:0!important}.bg-progress-cta p{color:#9fb1bf!important;font-size:10px!important}.bg-progress-cta a{background:#ff8c00;color:#111!important;text-decoration:none!important;border-radius:7px;padding:11px 14px;font-size:10px;font-weight:900}
.bg-lessons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px 28px 30px}.bg-lessons article{background:#071c31;border:1px solid #173a59;border-radius:12px;padding:16px}.bg-lessons article>span{color:#ff9a00;font-size:10px;font-weight:900}.bg-lessons h2{color:#fff!important;font-size:17px!important}.bg-lessons p{color:#afc1d0!important;font-size:11px!important;line-height:1.5!important}.bg-lessons button{background:#1267bd!important;color:#fff!important;border:0!important;border-radius:7px!important;padding:7px 10px!important;font-size:10px!important;font-weight:800!important}
.bg-modal{position:fixed;inset:0;background:#000c;z-index:99999;display:grid;place-items:center;padding:20px}.bg-modal-card{position:relative;max-width:680px;width:100%;max-height:80vh;overflow:auto;background:#071c31;border:1px solid #1c486f;border-radius:15px;padding:24px}.bg-modal-card>button{position:absolute;right:10px;top:6px;background:none!important;border:0!important;color:#fff!important;font-size:26px!important}.bg-modal-card h2{color:#fff!important}.bg-modal-card p,.bg-modal-card li{color:#c5d2dc!important}
.bg-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 28px 30px}.bg-progress-grid article{background:#071c31;border:1px solid #173a59;border-radius:12px;padding:18px}.bg-progress-grid span{color:#9eb3c4;font-size:10px}.bg-progress-grid strong{display:block;color:#ff9a00;font-size:28px;margin:8px 0}.bg-progress-grid small{color:#b7c5d0}
.bg-game-title{padding:12px 22px 8px}.bg-game-title a{color:#63bffb!important;text-decoration:none!important;font-size:10px}.bg-game-title h1{color:#fff!important;font-size:24px!important;margin:4px 0!important}.bg-game-title h1 span{color:#ff9200}.game{padding:10px 22px 24px;background:linear-gradient(#0e3a5e,#061829)}.game-stats{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:10px}.game-stats span{background:#0a2340;border:1px solid #163a5a;border-radius:8px;padding:7px 9px;color:#aebfcd;font-size:8px}.game-stats strong{display:block;color:#fff;font-size:12px}.game-layout{display:grid;gap:12px}.game-layout.two{grid-template-columns:minmax(440px,1fr) 230px}.game-layout.three{grid-template-columns:minmax(330px,430px) minmax(330px,1fr) 220px}.game-card,.game-side{background:#071c31;border:1px solid #1b3c59;border-radius:14px;padding:16px}.game-card.light{background:#fff9ef;color:#13243a}.game-card h2,.game-side h3{color:#fff!important}.game-card.light h2{color:#10243b!important}.game-card p,.game-side p{color:#b8c7d2!important;font-size:12px!important;line-height:1.5!important}.game-card.light p{color:#536579!important}.game-title-row{display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:start;margin-top:10px}.game-title-row>div:first-child{font-size:38px}.choice-grid{display:grid;gap:8px;margin-top:14px}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-grid button,.asset-grid button,.salary-grid button{border:0!important;border-radius:9px!important;padding:11px 8px!important;font-weight:900!important;text-transform:none!important}.choice-grid button:nth-child(1){background:#24b75b!important;color:#fff!important}.choice-grid button:nth-child(2){background:#ffab15!important;color:#15263a!important}.choice-grid button:nth-child(3){background:#1766b8!important;color:#fff!important}.secondary,.primary,.game-side button{border:0!important;border-radius:8px!important;padding:8px 11px!important;font-weight:900!important}.secondary,.primary{background:#087ff5!important;color:#fff!important}.game-side button{background:#102a43!important;color:#fff!important;border:1px solid #3a5872!important;width:100%}.explain{margin-top:10px;background:#e6f1fb;color:#29455e;padding:9px;border-radius:8px;font-size:11px}.big-score{color:#b5c4d1;font-size:14px;margin:10px 0}.big-score span{font-size:36px;color:#ffae00;font-weight:900}.meter{height:7px;background:#24435d;border-radius:8px;overflow:hidden;margin:8px 0 16px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#35ce59,#f4db00,#f45d4c)}.phone{background:#02070c;border:5px solid #263a4c;border-radius:28px;padding:9px}.notch{width:62px;height:5px;background:#314353;border-radius:6px;margin:0 auto 8px}.phone-screen{background:#f5f8fb;color:#17293c;border-radius:18px;padding:15px;min-height:320px}.msg-head{display:flex;justify-content:space-between;border-bottom:1px solid #d5dee7;padding-bottom:8px}.msg-body{display:grid;grid-template-columns:44px 1fr;gap:10px;margin-top:22px}.msg-body>div:first-child{font-size:34px}.msg-body p{color:#243a50!important;font-size:15px!important;line-height:1.5!important}.scam-actions button{font-size:20px!important}.scam-actions span{display:block;font-size:11px}.radar{text-align:center}.radar-visual{width:120px;height:120px;border:1px solid #2bc64a;border-radius:50%;margin:10px auto;display:grid;place-items:center;box-shadow:0 0 0 18px #2bc64a15,0 0 0 35px #2bc64a0a}.radar-visual div{width:55px;height:66px;display:grid;place-items:center;background:#12381b;color:#4ee360;font-size:28px;clip-path:polygon(50% 0,95% 18%,90% 70%,50% 100%,10% 70%,5% 18%)}.radar>strong{display:block;font-size:30px;color:#45d34e}.radar>span{color:#9eb3c4;font-size:10px}
.asset-grid,.salary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.asset-grid button,.salary-grid button{background:#0d2a45!important;color:#fff!important;border:1px solid #1c4a70!important;font-size:24px!important}.asset-grid b,.asset-grid small,.salary-grid b,.salary-grid span{display:block;font-size:10px}.allocation{font-size:11px;line-height:1.8;color:#c5d2dc}.salary-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1180px){.bg-grid{grid-template-columns:repeat(3,1fr)}.bg-preview-grid{grid-template-columns:repeat(3,1fr)}.game-layout.three{grid-template-columns:minmax(330px,430px) 1fr}.game-layout.three .radar{display:none}.bg-lessons{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.bg-shell{margin:0;border-radius:0}.bg-nav{grid-template-columns:1fr auto}.bg-nav>div:first-child{display:none}.bg-grid{grid-template-columns:repeat(2,1fr)}.bg-preview-grid{grid-template-columns:repeat(2,1fr)}.bg-benefits>div{grid-template-columns:1fr 1fr}.game-layout.two,.game-layout.three{grid-template-columns:1fr}.game-stats{justify-content:flex-start}.bg-lessons{grid-template-columns:repeat(2,1fr)}.bg-progress-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.bg-nav{height:auto;padding:8px 10px}.bg-nav nav{gap:4px}.bg-nav nav a{font-size:10px;padding:10px 6px}.bg-progress-link{font-size:9px!important;padding:7px!important}.bg-hero{padding:22px 16px}.bg-hero h1{font-size:27px!important}.bg-hero-art{display:none}.bg-hero-points{display:none}.bg-section,.bg-learn-preview,.bg-benefits{padding-left:14px;padding-right:14px}.bg-grid,.bg-preview-grid,.bg-benefits>div,.bg-lessons,.bg-progress-grid{grid-template-columns:1fr}.bg-card-img{height:230px}.bg-progress-cta{grid-template-columns:40px 1fr;margin:0 14px 20px}.bg-progress-cta a{grid-column:1/-1;text-align:center}.choice-grid.three,.salary-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr 1fr}}
\n/* ===== BITCO GAMES 1.2.1 — alignment + container responsiveness ===== */\n.bg-shell{container-type:inline-size;container-name:bitcogames;width:100%!important;max-width:1300px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important;box-shadow:0 0 0 100vmax #03111f;clip-path:inset(0 -100vmax)}\n.bg-shell h1,.bg-shell h2,.bg-shell h3,.bg-shell p,.bg-shell span,.bg-shell strong,.bg-shell a,.bg-shell button{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}\n.bg-card{min-width:0!important;height:100%!important}.bg-card p{min-height:44px!important}.bg-card-img{width:100%!important;height:auto!important;aspect-ratio:16/10!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.bg-card-body{min-width:0!important}.bg-grid{align-items:stretch!important}\n@container bitcogames (min-width:1121px){.bg-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bg-card-img{aspect-ratio:16/9!important}.bg-card h2{font-size:18px!important}.bg-card p{font-size:11px!important}}\n@container bitcogames (max-width:1120px){.bg-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bg-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bg-lessons{grid-template-columns:repeat(3,minmax(0,1fr))!important}}\n@container bitcogames (max-width:820px){.bg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bg-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bg-benefits>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bg-lessons{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bg-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.game-layout.two,.game-layout.three{grid-template-columns:1fr!important}.game-layout.three .radar{display:block!important}}\n@container bitcogames (max-width:540px){.bg-grid,.bg-preview-grid,.bg-benefits>div,.bg-lessons,.bg-progress-grid{grid-template-columns:1fr!important}.bg-card-img{aspect-ratio:16/9!important}.choice-grid.three,.salary-grid{grid-template-columns:1fr!important}}\n.game,.bg-life,.bg-scam,.bg-game-page{min-height:0!important;height:auto!important}.game,.bg-life,.bg-scam{padding-bottom:20px!important}\n@container bitcogames (max-width:640px){.bg-section,.bg-learn-preview,.bg-benefits,.bg-lessons,.bg-progress-grid{padding-left:14px!important;padding-right:14px!important}}\n

/* BITCO Games 1.2.2: exactly 3 rows x 2 cards on desktop */
.bg-shell{background:#03111f!important;box-shadow:none!important;clip-path:none!important;}
.bg-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;}
.bg-card{display:grid!important;grid-template-columns:minmax(220px,42%) minmax(0,58%)!important;min-height:250px!important;height:100%!important;}
.bg-card-img{height:100%!important;min-height:250px!important;aspect-ratio:auto!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
.bg-card-body{display:flex!important;flex-direction:column!important;padding:18px!important;min-width:0!important;}
.bg-card h2{font-size:22px!important;line-height:1.08!important;margin:6px 0 10px!important;word-break:normal!important;overflow-wrap:normal!important;}
.bg-card p{font-size:12px!important;line-height:1.5!important;min-height:0!important;}
.bg-meta{margin-top:auto!important;}
.bg-card strong{margin-top:10px!important;}

.bg-shell .game,.bg-shell .bg-life,.bg-shell .bg-scam,.bg-shell .bg-game-page,
.bg-shell .bg-section,.bg-shell .bg-learn-preview,.bg-shell .bg-benefits{
background:#03111f!important;
}

/* real container width, not browser width */
@container bitcogames (max-width:900px){
  .bg-grid{grid-template-columns:1fr!important;}
  .bg-card{grid-template-columns:minmax(190px,40%) minmax(0,60%)!important;}
}
@container bitcogames (max-width:620px){
  .bg-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .bg-card{display:flex!important;flex-direction:column!important;min-height:0!important;}
  .bg-card-img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;}
  .bg-card-body{padding:16px!important;}
}


/* =========================================================
   BITCO GAMES 1.3.0
   Clean card artwork + exact 3 rows x 2 on desktop
   ========================================================= */

/* Remove the WordPress/theme blue page background on pages containing this plugin. */
body.bitco-games-page,
body.bitco-games-page #page,
body.bitco-games-page .site,
body.bitco-games-page .site-content,
body.bitco-games-page .content-area,
body.bitco-games-page .site-main,
body.bitco-games-page main,
body.bitco-games-page article,
body.bitco-games-page .entry-content,
body.bitco-games-page .wp-site-blocks,
body.bitco-games-page .wp-block-post-content {
    background:#0b1420 !important;
    background-image:none !important;
}

/* Do not let old theme/site styles deform this section. */
.bg-shell {
    width:100% !important;
    max-width:1180px !important;
    margin:18px auto !important;
    background:#03111f !important;
    box-shadow:0 18px 55px rgba(0,0,0,.28) !important;
    clip-path:none !important;
    overflow:hidden !important;
}

/* Exactly 2 cards per row on desktop = 3 rows of 2. */
.bg-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}

/* Each card is a clean two-column component: art + real HTML text. */
.bg-card {
    display:grid !important;
    grid-template-columns:46% 54% !important;
    min-height:238px !important;
    height:238px !important;
    overflow:hidden !important;
    border-radius:14px !important;
    min-width:0 !important;
}

/* The image file contains ART ONLY. Never stretch it vertically. */
.bg-card-img {
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    filter:none !important;
    image-rendering:auto !important;
}

/* Real text lives here, so it stays sharp on all displays. */
.bg-card-body {
    min-width:0 !important;
    padding:18px 18px 16px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    background:linear-gradient(180deg,#092038,#061525) !important;
}

.bg-card-badge {
    position:static !important;
    align-self:flex-start !important;
    margin:0 0 11px !important;
    font-size:8px !important;
    line-height:1 !important;
}

.bg-card h2 {
    color:#fff !important;
    font-size:21px !important;
    line-height:1.08 !important;
    min-height:0 !important;
    margin:0 0 9px !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
}

.bg-card p {
    color:#c1cdd8 !important;
    font-size:12px !important;
    line-height:1.45 !important;
    min-height:0 !important;
    margin:0 !important;
    word-break:normal !important;
}

.bg-meta {
    margin-top:auto !important;
    margin-bottom:10px !important;
    font-size:9px !important;
}

.bg-card strong {
    margin:0 !important;
    padding:9px 12px !important;
    font-size:12px !important;
}

/* Benefits remain compact and aligned. */
.bg-benefits>div {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

/* Tablet: one wide card per row rather than narrow mini-columns. */
@media (max-width: 900px) {
    .bg-grid {
        grid-template-columns:1fr !important;
    }
    .bg-card {
        height:230px !important;
        grid-template-columns:43% 57% !important;
    }
}

/* Mobile: one card per row, art on top, text below. */
@media (max-width: 620px) {
    body.bitco-games-page,
    body.bitco-games-page #page,
    body.bitco-games-page .site-content,
    body.bitco-games-page .entry-content,
    body.bitco-games-page .wp-site-blocks {
        background:#0b1420 !important;
    }

    .bg-shell {
        width:100% !important;
        margin:0 auto !important;
        border-radius:0 !important;
    }

    .bg-grid {
        grid-template-columns:1fr !important;
        gap:15px !important;
    }

    .bg-card {
        display:flex !important;
        flex-direction:column !important;
        height:auto !important;
        min-height:0 !important;
    }

    .bg-card-img {
        width:100% !important;
        height:auto !important;
        aspect-ratio:1.65 / 1 !important;
        background-size:cover !important;
        background-position:center !important;
    }

    .bg-card-body {
        padding:16px !important;
        min-height:190px !important;
    }

    .bg-card h2 {
        font-size:21px !important;
    }

    .bg-benefits>div {
        grid-template-columns:1fr !important;
    }
}

/* =========================================================
   BITCO GAMES 1.4.0 — approved visual / clean artwork
   ========================================================= */
.bg-shell{max-width:1360px!important;background:#020f1c!important;border:1px solid #10263a!important;border-radius:18px!important;}
.bg-nav{background:#020c16!important;border-bottom:1px solid #173047!important;}
.bg-hero{display:grid!important;grid-template-columns:minmax(0,44%) minmax(0,56%)!important;align-items:center!important;gap:28px!important;background:radial-gradient(circle at 75% 40%,rgba(0,123,255,.09),transparent 35%),#020f1c!important;}
.bg-hero-picture{display:block!important;min-height:300px!important;background-image:url('hero-games.webp')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;font-size:0!important;}
.bg-section{background:#020f1c!important;}
.bg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.bg-card{height:210px!important;min-height:210px!important;grid-template-columns:45% 55%!important;background:#041522!important;border-width:1px!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;}
.bg-card-img{height:100%!important;min-height:0!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;background-color:#03111f!important;}
.bg-card-body{padding:18px 20px!important;background:linear-gradient(90deg,#061827,#061421)!important;}
.bg-card-badge{font-size:10px!important;padding:7px 10px!important;border-radius:8px!important;margin-bottom:10px!important;}
.bg-card h2{font-size:24px!important;line-height:1.05!important;margin-bottom:9px!important;}
.bg-card p{font-size:14px!important;line-height:1.4!important;color:#d1dae3!important;}
.bg-meta{font-size:12px!important;margin-bottom:10px!important;}
.bg-card strong{font-size:14px!important;padding:11px 16px!important;border-radius:7px!important;text-align:center!important;}
.bg-benefits{background:#020f1c!important;}
.bg-benefits>div{gap:10px!important;}
.bg-benefits article{background:#061522!important;border:1px solid #17344d!important;border-radius:12px!important;}

@media(max-width:900px){
 .bg-hero{grid-template-columns:1fr!important;}
 .bg-hero-picture{min-height:230px!important;}
 .bg-grid{grid-template-columns:1fr!important;}
 .bg-card{height:220px!important;grid-template-columns:44% 56%!important;}
}
@media(max-width:620px){
 .bg-shell{border-radius:0!important;border-left:0!important;border-right:0!important;}
 .bg-hero{display:block!important;padding:24px 18px!important;}
 .bg-hero-picture{display:block!important;min-height:180px!important;margin-top:14px!important;background-size:contain!important;}
 .bg-grid{gap:16px!important;}
 .bg-card{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;}
 .bg-card-img{height:auto!important;min-height:0!important;aspect-ratio:16/10!important;background-size:contain!important;background-position:center!important;background-color:#03111f!important;}
 .bg-card-body{min-height:220px!important;padding:18px!important;}
 .bg-card h2{font-size:25px!important;}
 .bg-card p{font-size:15px!important;}
 .bg-meta{font-size:12px!important;}
}


/* =========================================================
   BITCO GAMES 1.4.1
   Larger artwork + button-safe desktop cards + mobile fit
   ========================================================= */

/* Desktop: 3 rows × 2 cards, with enough height for every CTA. */
.bg-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.bg-card{
  height:260px!important;
  min-height:260px!important;
  grid-template-columns:43% 57%!important;
}
.bg-card-img{
  height:100%!important;
  min-height:0!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-color:#03111f!important;
}
.bg-card-body{
  height:100%!important;
  padding:18px 20px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.bg-card-badge{
  margin-bottom:9px!important;
}
.bg-card h2{
  font-size:23px!important;
  line-height:1.08!important;
  margin:0 0 8px!important;
}
.bg-card p{
  font-size:13px!important;
  line-height:1.4!important;
  margin:0!important;
}
.bg-meta{
  margin-top:auto!important;
  margin-bottom:10px!important;
  font-size:11px!important;
}
.bg-card strong{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  padding:10px 14px!important;
  font-size:13px!important;
  line-height:1.2!important;
}

/* Normal laptop widths: preserve the 2-column catalog rather than making skinny art. */
@media (min-width:901px) and (max-width:1180px){
  .bg-card{
    height:275px!important;
    min-height:275px!important;
    grid-template-columns:42% 58%!important;
  }
  .bg-card h2{font-size:21px!important;}
  .bg-card p{font-size:12px!important;}
}

/* Tablet: one generous horizontal card. */
@media (max-width:900px){
  .bg-grid{grid-template-columns:1fr!important;}
  .bg-card{
    height:245px!important;
    min-height:245px!important;
    grid-template-columns:42% 58%!important;
  }
}

/* Mobile: full illustration, not a tiny icon and not cropped. */
@media (max-width:620px){
  .bg-card{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
  }
  .bg-card-img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#03111f!important;
  }
  .bg-card-body{
    height:auto!important;
    min-height:205px!important;
    padding:17px 16px!important;
  }
  .bg-card h2{
    font-size:23px!important;
    margin-bottom:8px!important;
  }
  .bg-card p{
    font-size:14px!important;
  }
  .bg-meta{
    font-size:11px!important;
  }
}


/* =========================================================
   BITCO GAMES 1.5.0 — approved visual
   ========================================================= */

.bg-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

/* Wide card, art left / content right */
.bg-card{
  display:grid!important;
  grid-template-columns:52% 48%!important;
  height:300px!important;
  min-height:300px!important;
  overflow:hidden!important;
  border-radius:16px!important;
  min-width:0!important;
}

.bg-card-img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#03111f!important;
}

.bg-card-body{
  height:100%!important;
  min-width:0!important;
  padding:20px 22px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background:linear-gradient(180deg,#0b2744 0%,#07182b 100%)!important;
}

.bg-card-badge{
  position:static!important;
  align-self:flex-start!important;
  margin:0 0 12px!important;
  padding:6px 9px!important;
  font-size:9px!important;
  line-height:1!important;
}

.bg-card h2{
  margin:0 0 10px!important;
  min-height:0!important;
  font-size:25px!important;
  line-height:1.04!important;
  color:#fff!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

.bg-card p{
  margin:0!important;
  min-height:0!important;
  font-size:13px!important;
  line-height:1.45!important;
  color:#c4d0db!important;
}

.bg-meta{
  margin-top:auto!important;
  margin-bottom:12px!important;
  font-size:11px!important;
}

.bg-card strong{
  display:block!important;
  width:100%!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:11px 14px!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.15!important;
}

/* Keep 2 columns on desktop/laptop. */
@media (min-width:761px){
  .bg-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Standard laptop / narrower content */
@media (min-width:761px) and (max-width:1080px){
  .bg-card{
    grid-template-columns:49% 51%!important;
    height:310px!important;
    min-height:310px!important;
  }
  .bg-card h2{font-size:22px!important;}
  .bg-card p{font-size:12px!important;}
  .bg-card-body{padding:18px!important;}
}

/* Mobile: one card, large art above text */
@media (max-width:760px){
  .bg-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .bg-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
  }

  .bg-card-img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }

  .bg-card-body{
    width:100%!important;
    height:auto!important;
    min-height:215px!important;
    padding:18px!important;
  }

  .bg-card h2{
    font-size:25px!important;
  }

  .bg-card p{
    font-size:14px!important;
    line-height:1.45!important;
  }

  .bg-meta{
    font-size:11px!important;
  }
}


/* =========================================================
   BITCO GAMES 1.5.2 — desktop clipping fix only
   ========================================================= */

/* Desktop/laptop: allow the text side enough vertical space.
   Keep the exact same layout and images. */
@media (min-width: 761px){
  .bg-card{
    height:auto!important;
    min-height:320px!important;
    align-items:stretch!important;
  }

  .bg-card-img{
    min-height:320px!important;
    height:100%!important;
  }

  .bg-card-body{
    min-height:320px!important;
    height:auto!important;
    overflow:visible!important;
    padding:18px 18px 16px!important;
  }

  .bg-card h2{
    font-size:22px!important;
    line-height:1.05!important;
    margin-bottom:9px!important;
  }

  .bg-card p{
    font-size:12px!important;
    line-height:1.38!important;
  }

  .bg-meta{
    margin-top:auto!important;
    margin-bottom:10px!important;
  }

  .bg-card strong{
    flex:0 0 auto!important;
    margin-top:0!important;
  }
}

/* Slightly taller cards on narrower desktop content where headings wrap more. */
@media (min-width: 761px) and (max-width: 1100px){
  .bg-card,
  .bg-card-img,
  .bg-card-body{
    min-height:345px!important;
  }
}