:root{--navy:#101b30;--navy2:#182945;--mint:#57e0b3;--bg:#f3f6fa;--text:#17253a;--muted:#64758a;--line:#dce4ed;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.6}a{color:inherit}a:hover{color:#06765e}.container{width:min(1120px,calc(100% - 36px));margin:auto}.top{background:var(--navy);color:white}.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 0}.brand{font-size:23px;font-weight:800;text-decoration:none;letter-spacing:-.7px}.brand span{color:var(--mint)}.nav-links{display:flex;gap:22px;font-size:14px}.nav-links a{text-decoration:none;color:#e4edf9}.hero{padding:75px 0 85px;text-align:center}.eyebrow{color:#8beaca;text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(36px,6vw,62px);line-height:1.13;letter-spacing:-2px;max-width:900px;margin:13px auto}.hero p{font-size:18px;color:#c5d3e5;max-width:670px;margin:14px auto 28px}.search{display:flex;padding:7px;background:white;border-radius:13px;max-width:690px;margin:0 auto;box-shadow:0 12px 35px #0002}.search input{flex:1;min-width:0;border:0;padding:15px 18px;font-size:16px;outline:none}.button{background:#12684f;color:white;border:0;padding:13px 23px;border-radius:9px;cursor:pointer;font-weight:700;text-decoration:none;display:inline-block}.button:hover{background:#0c5944;color:white}.button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #57e0b3;outline-offset:3px}.hint{font-size:13px;color:#91a7bc;margin-top:13px}.section{padding:52px 0}.section h2{font-size:clamp(26px,4vw,38px);letter-spacing:-1px;line-height:1.18;margin:0 0 10px}.intro{color:var(--muted);margin:0 0 27px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:0 5px 20px #15283e07}.card h3{margin:0 0 8px;font-size:19px}.card p{color:var(--muted);font-size:14px;margin:0 0 18px}.card a{font-weight:700;text-decoration:none;color:#136b55}.tag{font-size:12px;display:inline-block;background:#ebf6f2;color:#176950;border-radius:30px;padding:4px 10px;font-weight:700}.tag.pending{background:#fff4e7;color:#966023}.muted{color:var(--muted)}.results{max-width:690px;margin:12px auto 0;text-align:left;background:white;color:var(--text);border-radius:12px;overflow:hidden;display:none;box-shadow:0 15px 35px #0003}.results a,.results .empty{display:block;padding:13px 18px;text-decoration:none;border-bottom:1px solid var(--line)}.results a:hover{background:#eef8f4}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.check-row{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}.number{color:#0b8567;font-size:13px;font-weight:800}.check-row h3{margin:0;font-size:17px}.check-row p{margin:2px 0 0;color:var(--muted);font-size:14px}.footer{background:#111e31;color:#aebbd0;padding:33px 0;font-size:13px}.footer a{color:#e4fff5}.page-head{background:var(--navy);color:white;padding:45px 0}.page-head h1{margin:6px 0;font-size:42px;line-height:1.2}.page-head p{max-width:690px;color:#c8d5e5}.fact{margin:15px 0}.fact-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--muted)}.source{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.notice{border-left:4px solid #d49b43;background:#fff9ed;padding:16px;border-radius:5px;margin:20px 0}.article{max-width:760px}.article h2{font-size:26px;margin:35px 0 10px}.article p{color:#40516a}.small{font-size:13px}.breadcrumbs{font-size:13px;color:#aab9cb}.breadcrumbs a{color:#d6eeeb}@media(max-width:750px){.nav{align-items:flex-start;flex-direction:column}.nav-links{gap:12px;flex-wrap:wrap}.hero{padding:48px 0 60px}.hero h1{letter-spacing:-1px}.search{flex-direction:column}.grid,.two{grid-template-columns:1fr}.section{padding:35px 0}.page-head h1{font-size:34px}}

/* Commercial comparison module: clear separation between editorial research and advertising */
.offers-section{background:#eaf0f5}.offers-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.offers-head .intro{max-width:740px}.offers-eyebrow{color:#137658;margin-bottom:9px}.offers-ad-label{white-space:nowrap;background:#e1e6eb;border:1px solid #ced7e1;padding:6px 10px;border-radius:7px;color:#526177;font-size:12px;font-weight:700}.offer-disclaimer{background:#fff9e9;border:1px solid #ebd9a7;color:#5c502f;padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:16px}.offers-scroll{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 24px #15283e0a}.offers-table{border-collapse:collapse;width:100%;min-width:780px;text-align:left}.offers-table th{background:#f7f9fc;color:#5b6c80;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:16px 18px}.offers-table td{padding:19px 18px;border-top:1px solid var(--line);font-size:14px}.offers-table td strong,.offers-table td small{display:block}.offers-table td small{font-size:12px;color:var(--muted);margin-top:3px}.offer-pill{display:inline-block;padding:4px 10px;border-radius:99px;background:#edf4ff;color:#2a548c;font-weight:800}.offer-action{display:inline-block;background:#12684f;color:#fff;border-radius:9px;padding:10px 14px;white-space:nowrap;font-weight:700;text-decoration:none}.offer-action:hover{color:#fff;background:#0d513e}.offers-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted);margin-top:14px}.offers-foot p{margin:0}.offers-foot a{font-weight:700;color:#12684f;white-space:nowrap}@media(max-width:750px){.offers-head,.offers-foot{flex-direction:column;gap:9px}.offers-ad-label{align-self:flex-start}.offers-table td{padding:14px}.offers-foot a{align-self:flex-start}}

/* Comparison module V3 */
.offers-ui{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 9px 28px #162a430a}.offer-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;border-bottom:1px solid var(--line)}.offer-tab{border:0;background:transparent;color:#506079;border-radius:9px;padding:11px 16px;cursor:pointer;font:700 13px inherit;white-space:nowrap;font-weight:700}.offer-tab.is-active{background:#12684f;color:#fff}.offer-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:17px 0}.offer-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#52647b;font-weight:700;flex:1;min-width:160px}.offer-field input,.offer-field select{min-height:42px;border:1px solid #ced8e3;background:#fff;border-radius:9px;padding:8px 10px;color:#1d3249;font:inherit;font-size:14px}.offer-view{display:flex;align-items:center;gap:7px;color:#52647b;font-size:12px}.view-switch{border:1px solid #ced8e3;background:white;border-radius:8px;cursor:pointer;padding:8px 12px;font-size:19px}.view-switch.is-active{border-color:#12684f;background:#eaf6f0;color:#12684f}.offer-counter{font-size:12px;color:#61758b;margin-bottom:11px}.offer-name{display:flex;align-items:center;gap:11px}.offer-logo{width:43px;height:43px;flex:none;border-radius:12px;background:#e5f4ee;color:#146d53;border:1px solid #c9e7db;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;letter-spacing:.4px}.offer-check{display:flex;align-items:center;gap:5px;color:#66788b;font-weight:600;font-size:11px;margin-top:8px;cursor:pointer}.offer-check input{accent-color:#12684f}.offer-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.offer-unavailable{color:#8b98a7;font-size:11px}.offer-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.offer-result-card{border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}.offer-card-top{display:flex;align-items:center;gap:10px}.offer-card-top>div{flex:1;min-width:0}.offer-card-top strong,.offer-card-top small{display:block}.offer-card-top small{font-size:11px;color:var(--muted)}.offer-card-top .offer-check{margin:0}.offer-card-top .offer-check span{display:none}.offer-card-bonus{font-size:19px;font-weight:800;margin:15px 0}.offer-kv{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:8px 0;font-size:13px;gap:8px}.offer-kv span{color:var(--muted)}.offer-result-card .offer-actions{margin-top:12px}.offer-compare-bar{display:flex;align-items:center;justify-content:flex-end;gap:14px;background:#e9f5f0;border:1px solid #c3e4d4;border-radius:12px;margin-top:16px;padding:12px}.offer-compare-bar[hidden],.offer-comparison[hidden]{display:none}.offer-compare-bar span{margin-right:auto;font-size:13px}.offer-clear{border:0;background:transparent;color:#12684f;font-weight:700;cursor:pointer}.offer-comparison{margin-top:18px}.offer-comparison h3{font-size:20px}.offers-side-by-side{min-width:580px}.offers-side-by-side th{width:25%;text-transform:none;letter-spacing:0}.offer-empty{padding:35px;text-align:center;background:#f8fafc;color:#607185;border-radius:10px}
@media(max-width:850px){.offer-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.offers-ui{padding:12px}.offer-card-grid{grid-template-columns:1fr}.offer-filters{display:grid;grid-template-columns:1fr 1fr}.offer-field:first-child{grid-column:1/-1}.offer-field{min-width:0}.offer-view{grid-column:1/-1}.offer-compare-bar{flex-wrap:wrap}.offer-compare-bar span{width:100%}}

/* Casino X-Ray dossier, WP-ready single-casino template */
.xray-hero{background:#101b30;color:#fff;padding:20px 0 60px}.xray-hero-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.65fr);gap:42px;align-items:center;margin-top:36px}.xray-kicker,.xray-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#168667}.xray-kicker{color:#6deac0}.xray-hero h1{font-size:clamp(35px,5vw,57px);letter-spacing:-2px;line-height:1.1;margin:15px 0}.xray-highlight{color:#79e6c6}.xray-hero p{max-width:660px;color:#c5d3e5;font-size:17px}.xray-chipline{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.xray-chip{border:1px solid #50677e;border-radius:100px;padding:5px 11px;font-size:12px;color:#e1e9f4}.xray-hero-panel{border:1px solid #50677e;background:#21324b;border-radius:20px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.xray-hero-panel p{font-size:13px;margin:0 0 8px}.xray-brandmark{background:#dff7ef;color:#145744;width:65px;height:65px;border-radius:17px;display:grid;place-items:center;font-weight:900;font-size:23px}.xray-section{padding-top:28px}.xray-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.xray-main{display:grid;gap:20px;min-width:0}.xray-card,.xray-side-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;box-shadow:0 6px 20px #15283e09}.xray-cardhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.xray-cardhead h2{margin:5px 0 7px;font-size:27px}.xray-cardhead p{font-size:14px;color:var(--muted);margin:0}.xray-detail{border-top:1px solid var(--line)}.xray-detail summary{list-style:none;display:flex;align-items:center;gap:13px;padding:20px 0;cursor:pointer}.xray-detail summary::-webkit-details-marker{display:none}.xray-count{font-size:13px;font-weight:900;color:#138163}.xray-summarytext{display:flex;flex-direction:column;flex:1;gap:3px}.xray-summarytext b{font-size:16px}.xray-summarytext small{font-size:12px;color:var(--muted)}.xray-status{white-space:nowrap;background:#fff4e7;color:#966023;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:800}.xray-caret{font-size:20px;color:#61748d;transition:transform .2s}.xray-detail[open] .xray-caret{transform:rotate(180deg)}.xray-detailbody{padding:0 0 24px 28px;color:#41516a;font-size:14px}.xray-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}.xray-facts div{background:#f3f7fb;padding:12px;border-radius:9px}.xray-facts dt{font-size:11px;color:var(--muted)}.xray-facts dd{margin:4px 0 0;font-weight:800;color:#233850}.xray-source{font-size:12px;border-left:3px solid #9ad8c4;padding-left:11px}.xray-source a,.xray-card a{color:#12684f}.xray-sidebar{display:grid;gap:17px;position:sticky;top:18px}.xray-side-card h3{margin:9px 0 15px}.xray-side-card p{color:var(--muted);font-size:13px}.xray-side-line{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding:11px 0;font-size:13px}.xray-side-line span{color:var(--muted)}.xray-side-line b{font-size:12px;text-align:right}.xray-side-card>a:not(.button){display:block;font-size:14px;color:#12684f;text-decoration:none;margin:9px 0}.xray-ad{background:#f0f8f5;border-color:#b9daca}.xray-ad .button{font-size:13px}.xray-timeline{border-left:2px solid #bee9da;margin-left:8px;padding-left:19px}.xray-timeline>div{position:relative;margin:0 0 22px}.xray-timeline>div:before{content:'';position:absolute;left:-26px;top:6px;width:11px;height:11px;background:#198765;border-radius:50%}.xray-timeline p{margin:5px 0;color:var(--muted);font-size:14px}.xray-evidence{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f4f7fa;padding:15px;border-radius:10px;font-size:13px}.xray-evidence>span:first-child,.xray-evidence>span:nth-child(2){color:var(--muted)}
@media(max-width:900px){.xray-layout{grid-template-columns:1fr}.xray-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.xray-hero-layout{gap:20px}}@media(max-width:650px){.xray-hero-layout{grid-template-columns:1fr}.xray-hero-panel{padding:18px}.xray-card,.xray-side-card{padding:17px}.xray-sidebar{grid-template-columns:1fr}.xray-detail summary{gap:8px;flex-wrap:wrap}.xray-status{margin-left:24px}.xray-facts{grid-template-columns:1fr}.xray-detailbody{padding-left:0}.xray-cardhead{flex-direction:column}}

/* Additional source details used by editorial offer previews. */
.offer-result-card>small{display:block;margin:5px 0;color:var(--muted);font-size:12px;line-height:1.5}
/* CasinoCheck dossier directory v15 */
.dossier-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.dossier-directory-item{background:#fff;border:1px solid #dbe4e8;border-radius:16px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.dossier-directory-item h2{margin:5px 0 8px;font-size:1.32rem}
.dossier-directory-item p{color:#64748b;margin:0;line-height:1.55;font-size:.94rem}
.directory-label{font-size:.72rem;letter-spacing:.09em;font-weight:800;color:#127558}
.dossier-directory-item .btn{align-self:flex-start}
.directory-search{max-width:720px;position:relative;margin-top:24px;margin-bottom:18px}
.directory-search label{display:block;font-weight:700;margin-bottom:8px}
.directory-search input{display:block;width:100%;border:1px solid #cad8db;border-radius:12px;padding:15px 16px;font:inherit;background:#fff;color:#182638}
.directory-search [data-search-results]{position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:1px solid #d9e3e8;border-radius:12px;box-shadow:0 12px 30px #0f172a20;max-height:320px;overflow-y:auto}
@media(max-width:700px){.dossier-directory{grid-template-columns:1fr}.dossier-directory-item{padding:18px}}

/* v20 offers redesign */
.offers-table-rich td{vertical-align:top}
.offer-bonus-wrap,.offer-verify-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}
.offer-bonus-title,.offer-verify-title{font-size:15px;line-height:1.35;color:#18314a}
.offer-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.offer-chip-row.compact{margin:8px 0 4px}
.offer-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f3f7fb;border:1px solid #dbe5ef;color:#4e6177;font-size:12px;line-height:1.2;font-weight:700}
.offer-chip span{color:#667a8f}
.offer-chip strong{font-size:12px;color:#18314a}
.offer-chip.is-strong{background:#eaf6f0;border-color:#c8e7d7}
.offer-empty-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f7f9fc;border:1px dashed #d3dce5;color:#6d8094;font-size:12px}
.offer-status-badge{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:#fff5dd;border:1px solid #ebd9a7;color:#755b15;font-size:12px;font-weight:800;line-height:1.2}
.offer-verify-wrap small,.offer-bonus-wrap small{font-size:11px;line-height:1.45;color:#76889c}
.offers-table-rich th:nth-child(1){width:18%}
.offers-table-rich th:nth-child(2){width:36%}
.offers-table-rich th:nth-child(3){width:22%}
.offers-table-rich th:nth-child(4){width:12%}
.offers-table-rich th:nth-child(5){width:12%}
.offer-result-card .offer-chip.is-strong{font-weight:800}
@media (max-width:900px){
  .offers-table{min-width:960px}
}

/* Gokwijzer offers v22 */
.offers-table-v22{min-width:1150px}
.offers-table-v22 th{white-space:nowrap;padding:15px 13px}
.offers-table-v22 td{padding:18px 13px;vertical-align:middle;line-height:1.45}
.offers-table-v22 th:nth-child(1){width:19%}
.offers-table-v22 th:nth-child(2){width:16%}
.offers-table-v22 th:nth-child(3){width:9%}
.offers-table-v22 th:nth-child(4){width:10%}
.offers-table-v22 th:nth-child(5){width:15%}
.offers-table-v22 th:nth-child(6){width:17%}
.offers-table-v22 th:nth-child(7){width:14%}
.offer-v22-amount{font-size:18px;color:#12684f}
.offer-v22-wager,.offer-v22-verify{font-size:13px;color:#273c50}
.offer-official-link{display:inline-flex;justify-content:center;text-align:center;white-space:nowrap;padding:10px 12px;border:1px solid #12684f;color:#12684f;border-radius:9px;font-weight:700;text-decoration:none;font-size:13px}
.offer-official-link:hover{background:#eaf6f0;color:#0d513e}
.offers-table-v22 .offer-actions{min-width:142px}
.offer-result-card .offer-card-bonus small{display:block;font-size:12px;color:#66788b;margin-top:4px;font-weight:600}
.offer-result-card .offer-kv strong{max-width:58%;text-align:right;line-height:1.4}
@media(max-width:750px){.offers-table-v22{min-width:1150px}.offer-result-card .offer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.offer-result-card .offer-actions a{font-size:12px;text-align:center;padding:10px 7px}}

/* v23 logos + compact table + sorting */
.offer-field[data-wide], .offer-field.is-wide {min-width:190px}
.offer-brand-logo{width:64px;height:28px;object-fit:contain;display:block;border-radius:8px;border:1px solid #d7e1eb;background:#fff;padding:2px 4px}
.offers-table-v23{min-width:1120px}
.offers-table-v23 th{padding:14px 16px}
.offers-table-v23 td{padding:14px 16px;vertical-align:middle}
.offers-table-v23 td:nth-child(2),.offers-table-v23 td:nth-child(3),.offers-table-v23 td:nth-child(4),.offers-table-v23 td:nth-child(5){white-space:nowrap}
.offers-table-v23 .offer-actions{min-width:176px}
.offers-table-v23 .offer-name{gap:12px}
.offers-table-v23 .offer-name strong{font-size:15px;line-height:1.2}
.offers-table-v23 .offer-name small{margin-top:2px}
.offer-v22-amount{font-size:16px;line-height:1.2}
.offer-v22-wager,.offer-v22-verify{font-weight:700;color:#1f3044;line-height:1.35}
.offer-official-link,.offer-xray-link{display:inline-flex;align-items:center;gap:6px;border:1px solid #ced8e3;background:#fff;border-radius:9px;padding:9px 12px;white-space:nowrap;font-weight:700;text-decoration:none;color:#18314a}
.offer-official-link:hover,.offer-xray-link:hover{border-color:#12684f;color:#12684f}
.offer-result-card .offer-brand-logo{width:84px;height:36px}
.offer-result-card .offer-actions{display:grid;grid-template-columns:1fr;gap:8px}
@media(max-width:860px){
  .offer-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:750px){
  .offers-table-v23{min-width:1180px}
  .offer-card-grid{grid-template-columns:1fr}
}

/* v24: cards first, equal-height CTA rows and domain favicon */
.offer-tabs{display:none!important}
.offer-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.offer-result-card{display:flex;flex-direction:column;min-width:0;height:100%;box-sizing:border-box}
.offer-result-card .offer-actions{margin-top:auto;padding-top:20px;display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch}
.offer-result-card .offer-actions>a{display:flex;align-items:center;justify-content:center;min-height:46px;box-sizing:border-box;width:100%;font-size:14px;line-height:1.2;text-align:center;padding:12px}
.offer-result-card .offer-card-bonus{min-height:70px}
.offer-result-card .offer-kv{min-height:45px;align-items:start}
.offer-result-card .offer-kv>span{flex:0 0 34%}
.offer-result-card .offer-kv>strong{flex:1;text-align:right}
.offer-logo-holder{flex:0 0 54px;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#f5f8fb;border:1px solid #dbe5ee;border-radius:12px;overflow:hidden}
.offer-favicon{width:40px;height:40px;object-fit:contain}
.offer-fallback{font-weight:800;color:#146d53;font-size:17px}
@media(max-width:1050px){.offer-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.offer-card-grid{grid-template-columns:1fr}.offer-result-card .offer-card-bonus{min-height:0}}

/* v26: neutral, correctly labelled Rivo mark while the brand favicon is not verified. */
.offer-logo-rivo{display:flex;align-items:center;justify-content:center;background:#252035;color:#f5dfb2!important;border-color:#d8b579;letter-spacing:.04em;font-weight:900;font-size:11px}

/* v34 homepage hero enrichments: decorative chips + glow */
.top{position:relative;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 50% 36%, rgba(87,224,179,.14) 0, rgba(87,224,179,.10) 9%, rgba(87,224,179,0) 30%),
    radial-gradient(circle at 20% 12%, rgba(46,104,255,.12) 0, rgba(46,104,255,0) 28%),
    radial-gradient(circle at 82% 80%, rgba(19,107,85,.18) 0, rgba(19,107,85,0) 22%),
    linear-gradient(135deg,#0c1730 0%, #0f1d38 35%, #102349 70%, #0c1730 100%);
}
.top::before,.top::after,.hero::before,.hero::after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain;z-index:0;filter:drop-shadow(0 10px 24px rgba(0,0,0,.18));opacity:.34}
.top::before{
  width:220px;height:220px;left:-54px;top:92px;transform:rotate(-18deg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='95' fill='%2326b889' fill-opacity='.18' stroke='%237ef0ce' stroke-opacity='.55' stroke-width='10'/%3E%3Ccircle cx='100' cy='100' r='68' fill='none' stroke='%23ffffff' stroke-opacity='.34' stroke-width='11'/%3E%3Ccircle cx='100' cy='100' r='43' fill='none' stroke='%23d7fff2' stroke-opacity='.42' stroke-width='10'/%3E%3Cg fill='%23ffffff' fill-opacity='.56'%3E%3Crect x='96' y='16' width='8' height='24' rx='4'/%3E%3Crect x='96' y='160' width='8' height='24' rx='4'/%3E%3Crect x='160' y='96' width='24' height='8' rx='4'/%3E%3Crect x='16' y='96' width='24' height='8' rx='4'/%3E%3Crect x='141.5' y='31.3' width='8' height='24' rx='4' transform='rotate(45 145.5 43.3)'/%3E%3Crect x='50.2' y='142.6' width='8' height='24' rx='4' transform='rotate(45 54.2 154.6)'/%3E%3Crect x='142.6' y='141.8' width='8' height='24' rx='4' transform='rotate(135 146.6 153.8)'/%3E%3Crect x='31.4' y='50.6' width='8' height='24' rx='4' transform='rotate(135 35.4 62.6)'/%3E%3C/g%3E%3C/svg%3E");
}
.top::after{
  width:178px;height:178px;right:-28px;top:120px;transform:rotate(16deg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='95' fill='%23ffffff' fill-opacity='.10' stroke='%23d9fff5' stroke-opacity='.40' stroke-width='10'/%3E%3Ccircle cx='100' cy='100' r='68' fill='none' stroke='%238beaca' stroke-opacity='.45' stroke-width='11'/%3E%3Ccircle cx='100' cy='100' r='43' fill='none' stroke='%23ffffff' stroke-opacity='.25' stroke-width='10'/%3E%3Cg fill='%238beaca' fill-opacity='.58'%3E%3Crect x='96' y='16' width='8' height='24' rx='4'/%3E%3Crect x='96' y='160' width='8' height='24' rx='4'/%3E%3Crect x='160' y='96' width='24' height='8' rx='4'/%3E%3Crect x='16' y='96' width='24' height='8' rx='4'/%3E%3Crect x='141.5' y='31.3' width='8' height='24' rx='4' transform='rotate(45 145.5 43.3)'/%3E%3Crect x='50.2' y='142.6' width='8' height='24' rx='4' transform='rotate(45 54.2 154.6)'/%3E%3Crect x='142.6' y='141.8' width='8' height='24' rx='4' transform='rotate(135 146.6 153.8)'/%3E%3Crect x='31.4' y='50.6' width='8' height='24' rx='4' transform='rotate(135 35.4 62.6)'/%3E%3C/g%3E%3C/svg%3E");
}
.hero{position:relative;z-index:1}
.hero::before{
  width:142px;height:142px;left:7%;bottom:26px;transform:rotate(11deg);opacity:.22;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='95' fill='%23213f6b' fill-opacity='.42' stroke='%23ffffff' stroke-opacity='.24' stroke-width='10'/%3E%3Ccircle cx='100' cy='100' r='68' fill='none' stroke='%238beaca' stroke-opacity='.28' stroke-width='11'/%3E%3Ccircle cx='100' cy='100' r='43' fill='none' stroke='%23ffffff' stroke-opacity='.18' stroke-width='10'/%3E%3Cg fill='%238beaca' fill-opacity='.34'%3E%3Crect x='96' y='16' width='8' height='24' rx='4'/%3E%3Crect x='96' y='160' width='8' height='24' rx='4'/%3E%3Crect x='160' y='96' width='24' height='8' rx='4'/%3E%3Crect x='16' y='96' width='24' height='8' rx='4'/%3E%3Crect x='141.5' y='31.3' width='8' height='24' rx='4' transform='rotate(45 145.5 43.3)'/%3E%3Crect x='50.2' y='142.6' width='8' height='24' rx='4' transform='rotate(45 54.2 154.6)'/%3E%3Crect x='142.6' y='141.8' width='8' height='24' rx='4' transform='rotate(135 146.6 153.8)'/%3E%3Crect x='31.4' y='50.6' width='8' height='24' rx='4' transform='rotate(135 35.4 62.6)'/%3E%3C/g%3E%3C/svg%3E");
}
.hero::after{
  width:122px;height:122px;right:8%;bottom:44px;transform:rotate(-13deg);opacity:.24;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='95' fill='%231c845f' fill-opacity='.20' stroke='%23ffffff' stroke-opacity='.28' stroke-width='10'/%3E%3Ccircle cx='100' cy='100' r='68' fill='none' stroke='%23d3fff3' stroke-opacity='.36' stroke-width='11'/%3E%3Ccircle cx='100' cy='100' r='43' fill='none' stroke='%23ffffff' stroke-opacity='.17' stroke-width='10'/%3E%3Cg fill='%23ffffff' fill-opacity='.42'%3E%3Crect x='96' y='16' width='8' height='24' rx='4'/%3E%3Crect x='96' y='160' width='8' height='24' rx='4'/%3E%3Crect x='160' y='96' width='24' height='8' rx='4'/%3E%3Crect x='16' y='96' width='24' height='8' rx='4'/%3E%3Crect x='141.5' y='31.3' width='8' height='24' rx='4' transform='rotate(45 145.5 43.3)'/%3E%3Crect x='50.2' y='142.6' width='8' height='24' rx='4' transform='rotate(45 54.2 154.6)'/%3E%3Crect x='142.6' y='141.8' width='8' height='24' rx='4' transform='rotate(135 146.6 153.8)'/%3E%3Crect x='31.4' y='50.6' width='8' height='24' rx='4' transform='rotate(135 35.4 62.6)'/%3E%3C/g%3E%3C/svg%3E");
}
.top .container.nav,.top .container.hero{position:relative;z-index:2}
@media(max-width:900px){
  .top::before{width:160px;height:160px;left:-45px;top:88px}
  .top::after{width:128px;height:128px;right:-20px;top:138px}
  .hero::before{width:94px;height:94px;left:2%;bottom:18px;opacity:.16}
  .hero::after{width:86px;height:86px;right:2%;bottom:22px;opacity:.18}
}
@media(max-width:640px){
  .top{background:
    radial-gradient(circle at 50% 32%, rgba(87,224,179,.13) 0, rgba(87,224,179,.07) 12%, rgba(87,224,179,0) 32%),
    linear-gradient(135deg,#0c1730 0%, #0f1d38 35%, #102349 70%, #0c1730 100%)}
  .top::before{width:110px;height:110px;left:-26px;top:104px;opacity:.24}
  .top::after{width:92px;height:92px;right:-14px;top:164px;opacity:.22}
  .hero::before,.hero::after{display:none}
}