@import url('/design-tokens.css');
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.13;letter-spacing:-.04em}p+p{margin-top:20px}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--bg)}[hidden]{display:none!important}.container{max-width:1248px;padding-inline:32px;margin-inline:auto}.eyebrow{font-size:11px;line-height:1.4;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:13px 23px;border-radius:8px;font-size:14px;line-height:1.45;font-weight:750;letter-spacing:0;border:1px solid transparent;transition:background .18s,transform .18s,border-color .18s;white-space:normal;text-align:center}.button span{font-size:21px;line-height:1}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:#142006}.button-lime:hover{background:#e7ffa6}.button-outline{border-color:#39434f;background:transparent;color:var(--text)}.button-outline:hover{border-color:var(--lime);background:#151d25}.button-dark{background:#0b1628;color:#fff}.button-dark:hover{background:#172842}.button-small{min-height:44px;font-size:12px;padding:10px 16px;gap:16px}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;line-height:1.5;font-weight:650;color:var(--text);padding-block:13px}.text-link span{font-size:19px}.text-link:hover{color:var(--lime)}.skip-link{position:fixed;top:-100px;left:24px;background:var(--lime);color:#000;padding:12px 24px;z-index:50}.skip-link:focus{top:16px}.site-header{border-bottom:1px solid var(--line);background:#080b10}.header-inner{height:98px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:43px;height:43px;border:1px solid #4b82fa;border-radius:12px;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:850;line-height:1;position:relative;color:var(--lime);font-style:italic;padding-bottom:6px}.brand-mark>span{position:absolute;color:white;font-style:normal;font-size:19px;right:3px;top:-2px}.brand-name{font-size:17px;font-weight:750;line-height:1.08;letter-spacing:-.045em}.brand-name>span{display:block}.brand-dot{color:var(--lime)}.desktop-nav{display:flex;align-items:center;gap:25px}.desktop-nav a{font-size:13px;color:#bec5ce;padding-block:16px;white-space:nowrap}.desktop-nav a:hover{color:white}.header-end{display:flex;align-items:center;gap:22px}.locale{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.flag{width:23px;height:15px;display:inline-block;background:linear-gradient(90deg,transparent 27%,#003580 27%,#003580 43%,transparent 43%),linear-gradient(transparent 35%,#003580 35%,#003580 62%,transparent 62%),#fff;border-radius:2px}.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 86% 30%,#081c3b 0,transparent 50%)}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;padding-top:62px;padding-bottom:60px;align-items:center;min-height:618px}.hero-eyebrow{display:flex;align-items:center;gap:9px;color:#b5c7e8;font-size:10px}.status-dot{height:6px;width:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #d9ff7530}.hero h1{font-size:clamp(58px,6vw,84px);letter-spacing:-.065em;line-height:1.01;margin-top:20px;font-weight:750}.hero h1>span:first-child{color:#719bff}.hero h1 .hero-period{color:var(--lime)}.hero-lead{font-size:23px;letter-spacing:-.025em;line-height:1.35;margin-top:24px;font-weight:550}.hero-description{font-size:15px;color:var(--muted);max-width:49ch;line-height:1.8;margin-top:15px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:26px}.hero-meta{display:flex;gap:24px;margin-top:26px;font-size:10px;color:var(--muted)}.hero-meta b{font-size:11px;color:#dee7f5;font-weight:650;margin-right:5px}.hero-art{height:480px;position:relative;display:flex;justify-content:center;align-items:center}.hero-ticket{width:330px;border:1px solid #568aff;background:linear-gradient(145deg,#2268f3,#0847cd 85%);color:white;border-radius:17px;position:relative;z-index:2;box-shadow:0 30px 80px #0006;transform:rotate(5deg);padding:25px 26px 0}.ticket-top{display:flex;justify-content:space-between;align-items:center}.ticket-top .eyebrow{color:#dce8ff;font-size:9px;letter-spacing:.15em}.ticket-index{font-family:Consolas,monospace;font-size:10px;color:#dce8ff}.hero-casino-logo{width:128px;height:74px;object-fit:contain;margin:9px auto 6px}.ticket-subtitle{display:block;text-align:center;font-size:12px;color:#e5edff}.ticket-amount{font-size:76px;font-weight:750;letter-spacing:-.065em;line-height:1.1;text-align:center;margin-top:5px}.ticket-amount>span{font-size:36px;margin-left:5px;color:var(--lime)}.ticket-up-to{display:block;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.18em;margin-top:3px;color:#d5e4ff}.ticket-perks{display:flex;flex-direction:column;align-items:center;font-size:13px;font-weight:550;line-height:1.7;padding:18px 0}.ticket-bottom{border-top:1px dashed #80a7ff;position:relative;padding-block:21px 15px}.ticket-bottom::before,.ticket-bottom::after{content:'';position:absolute;top:-9px;width:17px;height:17px;border-radius:50%;background:#0a1830}.ticket-bottom::before{left:-35px}.ticket-bottom::after{right:-35px}.ticket-bottom .button{width:100%;min-height:48px;font-size:12px;justify-content:space-between;padding-inline:17px}.ticket-bottom>span{display:block;text-align:center;font-size:9px;margin-top:10px;color:#dbe6ff}.orbit{position:absolute;inset:34px -2px;border-radius:50%;border:1px solid #203457;transform:rotate(-26deg)}.orbit-two{inset:87px -60px;transform:rotate(30deg);border-style:dashed;opacity:.6}.art-spark{position:absolute;color:var(--lime);z-index:3}.spark-one{font-size:49px;right:7px;top:30px}.spark-two{font-size:39px;left:10px;bottom:51px;transform:rotate(15deg);font-weight:300}.art-caption{position:absolute;bottom:-8px;font-family:Consolas,monospace;font-size:9px;letter-spacing:.17em;color:#94a6c2}.section-nav{position:sticky;top:0;background:#0c111aF7;backdrop-filter:blur(12px);z-index:20;border-block:1px solid var(--line)}.section-nav-inner{display:flex;align-items:center;gap:30px;min-height:66px}.section-nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8994a5;margin-right:auto;white-space:nowrap}.section-nav a{font-size:12px;font-weight:600;white-space:nowrap;display:flex;gap:9px;align-items:center;min-height:66px;border-bottom:2px solid transparent;padding-top:2px}.section-nav a>span{font-family:Consolas,monospace;font-size:10px;color:#728096}.section-nav a[aria-current]{color:var(--lime);border-color:var(--lime)}.section-nav a:hover{color:var(--lime)}.section{padding-block:80px;scroll-margin-top:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-heading h2{font-size:39px;margin-top:14px;line-height:1.15}.section-number{font-family:Consolas,monospace;font-size:55px;letter-spacing:-.09em;line-height:1;color:#26303d}.section-intro{font-size:16px;color:var(--muted);max-width:76ch;margin-top:20px;line-height:1.8}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 20px}.filters{display:flex;gap:8px}.filter{min-height:44px;background:#111720;border:1px solid #2a3441;color:#adb8c8;font-size:12px;font-weight:600;padding:10px 15px;border-radius:6px}.filter.active{background:#172514;color:var(--lime);border-color:#5d703e}.filter span{margin-left:5px;font-size:10px;padding:2px 5px;background:#324225;border-radius:3px}.filter:hover{color:#fff}.result-count{font-size:11px;color:var(--muted);white-space:nowrap}.casino-list{display:flex;flex-direction:column;gap:14px;margin-top:24px}.casino-card{display:grid;grid-template-columns:28px 175px minmax(200px,1fr) 180px;align-items:center;gap:23px;padding:24px;border:1px solid #26303d;background:#10151d;border-radius:10px;position:relative;transition:border-color .2s,background .2s;scroll-margin-top:100px}.casino-card.featured{border-color:#486f32;background:linear-gradient(110deg,#141e16,#10151d 40%)}.casino-card:hover{border-color:#597296;background-color:#131b26}.rank{font-family:Consolas,monospace;font-size:16px;color:#8090a5;align-self:start;padding-top:4px}.featured .rank{color:var(--lime)}.casino-brand{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.logo-link{width:145px;height:76px;display:flex;align-items:center;justify-content:center}.logo-link img{width:145px;height:76px;object-fit:contain}.casino-brand h3{font-size:15px;letter-spacing:-.015em;margin-top:9px}.card-tag{font-size:10px;color:#99a8bd;margin-top:7px;line-height:1.5}.casino-offer{border-left:1px solid #2a3441;padding-left:25px;min-width:0}.casino-offer .eyebrow{font-size:9px;letter-spacing:.09em;color:#aebdd3}.offer-amount{font-size:31px;font-weight:750;letter-spacing:-.045em;line-height:1.3;margin-top:7px!important;white-space:nowrap}.offer-amount small{font-size:11px;letter-spacing:0;font-weight:400;color:#aeb9c9;margin-right:3px}.offer-extra{font-size:12px;line-height:1.65;color:#c7d6ed;margin-top:8px!important;max-width:31ch}.casino-notes{padding-left:4px}.mini-label{font-size:10px;color:#9ba8ba;display:block}.casino-notes strong{font-size:20px;font-weight:650}.terms-link{display:block;font-size:10px;color:#a9b8ce;line-height:1.65;margin-top:16px;max-width:23ch;text-decoration:underline;text-decoration-color:#485568;text-underline-offset:3px}.terms-link:hover{color:white}.casino-action{display:flex;flex-direction:column;gap:12px;text-align:center}.casino-action .button{padding-inline:15px;justify-content:space-between;gap:14px;font-size:12px;min-height:49px}.casino-action>span{font-size:9px;color:#a3aebd;white-space:nowrap}.show-more-wrap{display:flex;justify-content:center;margin-top:26px}.show-more{font-size:12px;min-width:280px}.list-footnote{font-size:11px;text-align:center;color:#99a6b9;margin-top:22px;line-height:1.8}.section-tinted{background:#0c1119;border-block:1px solid var(--line)}.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.bonus-type{padding:27px 27px 23px;border:1px solid var(--line);border-radius:10px;background:#101722;display:flex;flex-direction:column;align-items:flex-start}.type-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#91b4ff;background:#172c51;border:1px solid #2d4673;border-radius:11px;font-size:24px;font-weight:600;margin-bottom:24px}.bonus-type .eyebrow{font-size:9px}.bonus-type h3{font-size:25px;line-height:1.2;margin-top:10px}.bonus-type p{font-size:14px;color:var(--muted);line-height:1.8;margin:16px 0 17px}.bonus-type .text-link{font-size:12px;color:var(--lime);margin-top:auto}.bonus-guide{display:grid;grid-template-columns:.85fr 1.15fr;gap:88px;margin-top:64px;padding-top:56px;border-top:1px solid var(--line);scroll-margin-top:95px}.bonus-guide h3{font-size:32px;margin-top:15px;line-height:1.2}.bonus-guide>div>p:last-child{font-size:15px;color:var(--muted);margin-top:20px;max-width:35ch}.checklist{counter-reset:checks;list-style:none;margin:0;padding:0}.checklist li{display:flex;gap:17px;counter-increment:checks}.checklist li+li{margin-top:24px}.checklist li::before{content:'✓';width:24px;height:24px;flex:0 0 24px;border:1px solid #3d5434;background:#18291e;color:var(--lime);border-radius:50%;display:grid;place-items:center;font-size:12px;margin-top:1px}.checklist h4{font-size:16px;letter-spacing:-.015em;line-height:1.4}.checklist p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:6px}.choice-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:76px;align-items:start;margin-top:42px}.choice-content article{display:flex;gap:22px}.choice-content article+article{margin-top:30px}.step-number{font-family:Consolas,monospace;font-size:13px;color:#83a7ee;margin-top:2px}.choice-content h3{font-size:21px;line-height:1.25;letter-spacing:-.025em}.choice-content p{font-size:15px;color:var(--muted);line-height:1.8;margin-top:12px}.choice-content p a{color:#bfd2ff;text-decoration:underline;text-underline-offset:3px}.shortlist{border:1px solid #2c4773;border-radius:12px;background:linear-gradient(140deg,#112240,#101721);padding:32px}.shortlist .eyebrow{font-size:9px;color:#aec7fb}.shortlist h3{font-size:32px;line-height:1.15;margin-top:15px}.shortlist>p{font-size:14px;color:var(--muted);margin-block:14px 22px;max-width:32ch}.shortlist-row{display:flex;justify-content:space-between;gap:14px;padding-block:22px;border-top:1px solid #2d3a51;align-items:center}.shortlist-row strong{font-size:16px;letter-spacing:-.02em}.shortlist-row div>span{display:block;font-size:10px;color:#aebcd1;margin-top:5px}.shortlist-row b{font-size:18px;white-space:nowrap;font-weight:600;letter-spacing:-.02em}.shortlist-row b>span{color:var(--lime);margin-left:6px}.shortlist-row:hover{color:var(--lime)}.small-print{font-size:9px;color:#b1bed1;display:block}.mid-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#101b2d;border:1px solid #274577;border-left:4px solid #527fff;border-radius:10px;padding:32px;margin-top:56px}.mid-cta .eyebrow{font-size:9px;color:#aac6ff}.mid-cta h3{font-size:26px;margin-top:12px;line-height:1.2}.mid-cta p:last-child{font-size:13px;color:var(--muted);margin-top:12px}.mid-cta .button{flex-shrink:0;font-size:12px}.info-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:88px;margin-top:40px}.info-grid h3{font-size:24px;line-height:1.25;letter-spacing:-.025em}.info-grid p{font-size:16px;color:var(--muted);line-height:1.85;margin-top:20px}.info-main .text-link{font-size:13px;margin-top:14px;color:#adc7ff}.info-side{border-left:1px solid var(--line);padding-left:42px}.info-symbol{font-size:34px;color:var(--lime);line-height:1;display:block;margin-bottom:16px}.faq-section{display:grid;grid-template-columns:1fr 1.55fr;gap:72px}.faq-title{align-self:start;position:sticky;top:105px}.faq-title h2{font-size:34px;line-height:1.17;margin-top:17px}.lime-text{color:var(--lime)}.faq-title p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:29ch;margin-top:20px}.faq-title .text-link{margin-top:16px;font-size:12px}.faq-item{border-bottom:1px solid #2a3441}.faq-item:first-child{border-top:1px solid #2a3441}.faq-item summary{padding:24px 0;cursor:pointer;font-size:15px;line-height:1.6;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:28px;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{width:18px;height:18px;position:relative;flex:0 0 18px;color:#aebdd3}.faq-plus::before,.faq-plus::after{content:'';background:currentColor;position:absolute;top:8px;left:3px;width:12px;height:1px}.faq-plus::after{transform:rotate(90deg)}.faq-item[open] .faq-plus{color:var(--lime)}.faq-item[open] .faq-plus::after{transform:rotate(0)}.faq-item summary:hover{color:var(--lime)}.faq-answer{padding:0 35px 25px 0}.faq-answer p{font-size:15px;color:var(--muted);line-height:1.9}.closing{display:flex;align-items:center;justify-content:space-between;gap:32px;background:radial-gradient(ellipse at right,#183d6b,transparent 65%),#101b2d;border:1px solid #2b4772;border-radius:14px;padding:40px;margin-bottom:80px;max-width:1184px}.closing .eyebrow{color:#adc5f0;font-size:10px}.closing h2{font-size:32px;margin-top:13px}.closing p:last-child{font-size:14px;color:#bac7da;margin-top:13px}.closing .button{flex-shrink:0;font-size:12px}.site-footer{background:#07090d;border-top:1px solid var(--line)}.footer-top{padding-block:44px;display:flex;align-items:center;gap:66px}.footer-top>p{font-size:13px;line-height:1.7;color:#9faabd}.back-top{font-size:12px;display:flex;gap:20px;margin-left:auto;padding-block:14px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:24px;border-top:1px solid #202832;font-size:10px;color:#8f9bad}.footer-bottom p{display:flex;align-items:center;gap:12px;font-size:10px}.age-mark{border:1px solid #4d596b;border-radius:50%;width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}
@media(min-width:1500px){.hero-grid{padding-block:78px}.hero-art{height:490px}}
@media(max-width:1150px){.desktop-nav{gap:16px}.header-cta{display:none}.hero-grid{gap:30px}.casino-card{grid-template-columns:22px 145px minmax(180px,1fr) 160px;gap:15px;padding:22px}.casino-offer{padding-left:18px}.logo-link,.logo-link img{width:130px}.casino-notes{padding:0}.casino-action .button{padding-inline:12px}.offer-amount{font-size:28px}.section-nav-inner{gap:24px}.bonus-guide{gap:52px}.choice-layout{gap:42px}.info-grid{gap:50px}.closing{margin-inline:32px}.faq-section{gap:44px}.hero-ticket{width:305px}.spark-one{right:-10px}.hero h1{font-size:72px}}
@media(max-width:950px){.container{padding-inline:24px}.header-inner{height:84px}.desktop-nav{gap:14px}.desktop-nav a{font-size:11px}.hero-grid{gap:10px;padding-block:46px;min-height:580px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:64px}.hero-art{transform:scale(.87);transform-origin:center right}.hero-lead{font-size:20px}.hero-description{font-size:14px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions .button{font-size:12px;gap:16px;padding-inline:16px}.hero-meta{gap:14px;flex-wrap:wrap}.hero-actions .text-link{font-size:12px}.section-nav-label{display:none}.section-nav-inner{justify-content:space-between;gap:14px}.casino-card{grid-template-columns:20px 143px 1fr 150px;gap:17px}.casino-notes{display:none}.casino-action>span{font-size:8px}.offer-amount{font-size:30px}.section-heading h2{font-size:33px}.bonus-grid{gap:15px}.bonus-type{padding:22px}.bonus-type h3{font-size:23px}.bonus-type .text-link{font-size:11px;gap:8px}.bonus-guide{gap:40px;grid-template-columns:.85fr 1.15fr}.bonus-guide h3{font-size:29px}.shortlist{padding:25px}.shortlist-row{gap:10px;flex-wrap:wrap}.mid-cta{padding:26px;gap:24px}.mid-cta h3{font-size:23px}.mid-cta .button{max-width:200px}.info-grid{gap:35px}.info-side{padding-left:30px}.faq-section{grid-template-columns:1fr 1.5fr;gap:30px}.faq-title h2{font-size:29px}.closing{margin-inline:24px;padding:32px}.closing h2{font-size:27px}.closing .button{max-width:200px}.footer-top{gap:44px}}
@media(max-width:740px){body{font-size:17px}.desktop-nav{display:none}.header-inner{height:78px}.brand-mark{width:37px;height:37px;font-size:33px;border-radius:10px}.brand-name{font-size:15px}.header-cta{display:inline-flex;font-size:11px;min-height:40px}.header-end{gap:15px}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:39px;padding-bottom:40px;min-height:0}.hero h1{font-size:70px}.hero-lead{font-size:22px}.hero-description{font-size:15px;max-width:49ch}.hero-art{height:445px;transform:scale(.91);transform-origin:center;max-width:430px;width:100%;margin:10px auto -12px}.hero-ticket{width:320px}.hero-meta{font-size:10px;gap:20px}.hero-actions{gap:23px}.hero-actions .button{font-size:13px;padding-inline:20px}.hero-actions .text-link{font-size:13px}.hero-eyebrow{font-size:9px}.section-nav-inner{overflow-x:auto;justify-content:flex-start;gap:28px;padding-inline:24px;scrollbar-width:none}.section-nav-inner::-webkit-scrollbar{display:none}.section-nav a{min-height:58px;font-size:11px;gap:6px}.section-nav a>span{font-size:9px}.section{padding-block:56px}.section-heading h2{font-size:30px;margin-top:12px}.section-number{font-size:39px}.section-intro{font-size:15px;line-height:1.8}.filter-bar{align-items:flex-start;flex-direction:column;margin-top:25px;gap:11px}.filters{flex-wrap:wrap;gap:7px}.filter{font-size:11px;min-height:44px;padding:9px 12px}.result-count{font-size:10px}.casino-card{grid-template-columns:135px 1fr;gap:20px;padding:24px;align-items:center}.rank{position:absolute;top:15px;left:14px;font-size:10px}.casino-brand{padding-left:0;align-items:center;text-align:center}.logo-link,.logo-link img{width:124px;height:68px}.casino-brand h3{font-size:15px;margin-top:6px}.card-tag{font-size:9px;max-width:20ch}.casino-offer{padding-left:20px}.casino-offer .eyebrow{font-size:8px}.offer-amount{font-size:29px}.offer-amount small{font-size:10px;display:block;margin:3px 0}.offer-extra{font-size:11px;line-height:1.65}.casino-action{grid-column:1/-1;gap:8px}.casino-action .button{font-size:13px;min-height:48px;padding-inline:20px;justify-content:center;gap:25px}.casino-action>span{font-size:9px}.casino-list{gap:14px;margin-top:16px}.show-more{font-size:12px;min-width:0;width:100%}.list-footnote{font-size:10px;text-align:left}.bonus-grid{grid-template-columns:1fr;margin-top:28px;gap:16px}.bonus-type{padding:26px;display:grid;grid-template-columns:48px 1fr;column-gap:18px}.type-icon{grid-column:1;grid-row:1/3;width:44px;height:44px;margin:0}.bonus-type .eyebrow{grid-column:2}.bonus-type h3{grid-column:2;font-size:25px;margin-top:8px}.bonus-type h3 br{display:none}.bonus-type p{grid-column:1/-1;font-size:15px;margin:20px 0 6px}.bonus-type .text-link{grid-column:1/-1;font-size:12px}.bonus-guide{grid-template-columns:1fr;gap:28px;margin-top:40px;padding-top:36px}.bonus-guide h3{font-size:28px}.bonus-guide>div>p:last-child{max-width:48ch;margin-top:15px}.checklist li+li{margin-top:22px}.checklist h4{font-size:16px}.checklist p{font-size:14px}.choice-layout{grid-template-columns:1fr;gap:34px;margin-top:28px}.choice-content h3{font-size:21px}.choice-content article{gap:18px}.shortlist{padding:26px}.shortlist-row{flex-wrap:nowrap}.shortlist h3 br{display:none}.shortlist h3{font-size:28px}.shortlist>p{max-width:45ch}.mid-cta{flex-direction:column;align-items:flex-start;gap:24px;padding:26px;margin-top:36px}.mid-cta h3{font-size:26px}.mid-cta .button{max-width:none;width:100%;min-height:50px}.mid-cta p:last-child{font-size:14px}.info-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.info-grid h3{font-size:24px}.info-grid p{font-size:15px}.info-side{padding:26px 0 0;border-left:0;border-top:1px solid var(--line)}.info-symbol{font-size:29px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-title{position:static}.faq-title h2{font-size:31px}.faq-title h2 br{display:none}.faq-title p:not(.eyebrow){max-width:42ch;margin-top:15px}.faq-title .text-link{margin-top:7px}.faq-item summary{font-size:15px;padding-block:22px;gap:20px}.faq-answer{padding-right:20px}.faq-answer p{font-size:14px}.closing{flex-direction:column;align-items:flex-start;margin-bottom:56px;padding:28px;gap:24px}.closing h2{font-size:30px}.closing .button{max-width:none;width:100%}.footer-top{flex-wrap:wrap;padding-block:32px;gap:24px;justify-content:space-between}.footer-top>p{font-size:11px}.back-top{width:100%;margin-left:0;padding:0;font-size:11px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px;font-size:10px}.footer-bottom p{font-size:10px;align-items:flex-start}.age-mark{margin-top:1px}.desktop-only{display:none}}
@media(max-width:380px){.container{padding-inline:20px}.header-cta{display:none}.hero h1{font-size:61px}.hero-grid{padding-top:32px}.hero-lead{font-size:20px}.hero-actions{gap:8px 20px}.hero-actions .button{width:100%}.hero-art{transform:scale(.82);height:414px;margin-top:0;margin-bottom:-24px}.hero-meta{gap:12px}.casino-card{grid-template-columns:112px 1fr;gap:14px;padding:22px 17px}.logo-link,.logo-link img{width:106px;height:66px}.casino-offer{padding-left:14px}.offer-amount{font-size:25px}.offer-extra{font-size:10px}.card-tag{font-size:8px}.casino-brand h3{font-size:14px}.section-heading h2{font-size:27px}.section-number{font-size:31px}.filters{gap:6px}.filter{padding-inline:9px;font-size:10px}.closing{margin-inline:20px;padding:24px}.section-nav-inner{padding-inline:20px}.shortlist-row b{font-size:16px}.shortlist-row div>span{font-size:9px}}
.hero h1>span:first-of-type{color:#719bff}
.hero-grid>*{min-width:0}.bonus-grid>*{min-width:0}
@media(max-width:740px){.hero-grid,.bonus-grid{grid-template-columns:minmax(0,1fr)}.bonus-type{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:380px){.hero h1{font-size:52px}.hero-ticket{width:300px;flex-shrink:0}.bonus-type{display:block}.bonus-type .type-icon{margin-bottom:20px}.bonus-type h3{font-size:24px}.bonus-type .text-link{font-size:11px}}
/* Compact introduction and screenshot-led editorial sections. */
.hero-compact{background:radial-gradient(ellipse at 90% 30%,#0b2344,transparent 70%),var(--bg)}
.compact-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-block:42px}
.hero-compact h1{font-size:54px;line-height:1.1;margin-top:14px;letter-spacing:-.055em}
.compact-intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:72ch;margin-top:17px}
.compact-hero-inner>.button{flex-shrink:0;font-size:13px}
.editorial-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px}
.editorial-aside>p:not(.eyebrow){font-size:24px;line-height:1.35;letter-spacing:-.035em;margin-top:17px;color:#d6e1f3}
.editorial-aside .text-link{font-size:12px;margin-top:15px}
.editorial-body{max-width:800px;min-width:0}
.editorial-topic h2{font-size:34px;line-height:1.2;letter-spacing:-.035em}
.editorial-topic h3{font-size:24px;line-height:1.3;margin-top:32px}
.editorial-topic p,.profile-prose p,.profiles-intro p{font-size:17px;color:var(--muted);line-height:1.9;margin-top:20px}
.editorial-topic p a,.profile-prose a,.profiles-intro a{color:#bbd1ff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#496b9e;transition:color .15s}
.editorial-topic p a:hover,.profile-prose a:hover,.profiles-intro a:hover{color:var(--lime)}
.editorial-topic+.editorial-topic{margin-top:42px}
.info-opening{padding-block:48px}
.profiles-intro{max-width:80ch;margin-top:22px}
.profile-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:72px;margin-top:48px}
.profile-nav{align-self:start;position:sticky;top:100px;border-top:1px solid var(--line);padding-top:22px}
.profile-nav .eyebrow{font-size:10px;margin-bottom:17px}
.profile-nav a{display:flex;align-items:center;gap:12px;font-size:14px;padding:15px 0;border-bottom:1px solid var(--line)}
.profile-nav a span{font:11px Consolas,monospace;color:#72849d}.profile-nav a b{margin-left:auto;color:#9ebcff}.profile-nav a:hover{color:var(--lime)}
.casino-profile{scroll-margin-top:95px}.casino-profile+.casino-profile{margin-top:56px;border-top:1px solid var(--line);padding-top:40px}
.casino-profile>h3{font-size:34px;line-height:1.2;margin-bottom:22px}
.homepage-shot{margin:0 0 26px;border:1px solid #2d405b;border-radius:10px;overflow:hidden;background:#111b2b}
.homepage-shot>a{display:block}.homepage-shot img{width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}
.homepage-shot figcaption{font-size:11px;color:#a8b7ce;padding:10px 16px;border-top:1px solid #26364c}
.profile-prose p:first-child{margin-top:0}.profiles{min-width:0}
@media(max-width:1050px){.compact-hero-inner{gap:28px}.hero-compact h1{font-size:47px}.compact-intro{max-width:58ch;font-size:15px}.editorial-layout{grid-template-columns:180px minmax(0,1fr);gap:40px}.profile-layout{grid-template-columns:170px minmax(0,1fr);gap:36px}.editorial-topic h2{font-size:30px}.editorial-aside>p:not(.eyebrow){font-size:22px}}
@media(max-width:740px){.compact-hero-inner{display:block;padding-block:28px}.hero-compact h1{font-size:43px;max-width:15ch;line-height:1.08;margin-top:12px}.hero-compact .hero-eyebrow{font-size:8px;letter-spacing:.11em}.compact-intro{font-size:14px;line-height:1.8;margin-top:15px}.compact-hero-inner>.button{margin-top:20px;min-height:48px;font-size:12px;padding-inline:20px}.editorial-layout{grid-template-columns:minmax(0,1fr);gap:20px}.editorial-aside>p:not(.eyebrow),.editorial-aside .text-link{display:none}.info-opening{padding-block:34px}.editorial-topic h2{font-size:28px}.editorial-topic h3{font-size:22px;margin-top:26px}.editorial-topic p,.profile-prose p,.profiles-intro p{font-size:16px;line-height:1.85;margin-top:17px}.editorial-topic+.editorial-topic{margin-top:30px}.profile-layout{grid-template-columns:minmax(0,1fr);gap:25px;margin-top:26px}.profile-nav{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:0;padding:0}.profile-nav .eyebrow{width:100%;margin:0}.profile-nav a{font-size:12px;gap:8px;padding-block:8px;min-height:44px}.profile-nav a b{margin-left:0}.casino-profile>h3{font-size:29px;margin-bottom:18px}.casino-profile+.casino-profile{margin-top:38px;padding-top:30px}.homepage-shot{margin-bottom:23px}.homepage-shot figcaption{font-size:10px;padding:8px 12px}.profiles-intro{margin-top:20px}}
@media(max-width:380px){.hero-compact h1{font-size:37px}.editorial-topic h2{font-size:25px}.editorial-topic h3{font-size:21px}.compact-hero-inner>.button{width:auto}.hero-compact .hero-eyebrow{font-size:7px;letter-spacing:.08em}.profile-nav{gap:9px}.profile-nav a{font-size:11px}}
/* Readable article copy and navigation that follows the page. */
:root{--header-height:98px;--section-menu-height:68px;--muted:#bdc7d7}
.site-header{position:sticky;top:0;z-index:40}
.section-nav{top:var(--header-height);z-index:35}
html{scroll-padding-top:calc(var(--header-height) + var(--section-menu-height) + 16px)}
section[id],article[id],.editorial-topic[id]{scroll-margin-top:16px}
.profile-nav,.faq-title{top:calc(var(--header-height) + var(--section-menu-height) + 24px)}
.editorial-body{max-width:68ch;font-size:18px}
.editorial-topic p,.profile-prose p,.profiles-intro p,.reading-list{font-size:18px;line-height:1.8;color:var(--muted)}
.profile-prose{max-width:66ch;font-size:18px}
.profiles-intro{max-width:72ch;margin-top:24px}
.profile-prose p+p,.editorial-topic p+p{margin-top:22px}
.editorial-topic h2{line-height:1.25}.editorial-topic h3{line-height:1.35;margin-top:34px}
.reading-list{margin:18px 0 24px;padding-left:24px}.reading-list li+li{margin-top:9px}.reading-list li::marker{color:var(--lime)}
.faq-answer p{font-size:17px;line-height:1.8}.faq-item summary{font-size:17px;line-height:1.6}
.homepage-shot img{aspect-ratio:auto;height:auto}
.offer-extra{font-size:14px;line-height:1.65}.casino-offer .eyebrow{font-size:10px}.card-tag{font-size:11px}
.offer-currencies{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:3px}
.casino-notes strong.deposit-variable{font-size:14px;line-height:1.5;display:block;margin-top:5px}
.terms-link{font-size:11px}.casino-action .button{font-size:12px;gap:8px}.casino-list{margin-top:32px}
@media(max-width:950px){:root{--header-height:84px}}
@media(max-width:740px){:root{--header-height:78px;--section-menu-height:60px}.profile-nav,.faq-title{position:static}.editorial-body,.profile-prose{font-size:17px;max-width:100%}.editorial-topic p,.profile-prose p,.profiles-intro p,.reading-list{font-size:17px;line-height:1.8}.faq-answer p{font-size:16px}.faq-item summary{font-size:16px}.offer-extra{font-size:12px}.casino-offer .eyebrow{font-size:9px}.card-tag{font-size:10px}.profiles-intro{margin-top:20px}.casino-list{margin-top:26px}}
@media(max-width:380px){.offer-extra{font-size:11px}.casino-offer .eyebrow{font-size:8px}.card-tag{font-size:9px}}
section[tabindex="-1"]:focus,article[tabindex="-1"]:focus,body[tabindex="-1"]:focus,.editorial-topic[tabindex="-1"]:focus{outline:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* Bonus-led cards with a compact payment row. */
.casino-card{grid-template-columns:24px 156px minmax(0,1fr) 180px;gap:24px;padding:24px;align-items:center}
.casino-card>div{min-width:0}.casino-brand{align-items:center;text-align:center}.casino-brand h3{font-size:19px;margin-top:8px}
.casino-offer{padding-left:24px;border-left:1px solid var(--line)}
.casino-offer .eyebrow{font-size:11px;letter-spacing:.1em;color:#bdc7d7}
.casino-card .offer-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px;font-size:32px;font-weight:750;line-height:1.25;letter-spacing:-.035em;margin-top:8px;color:#f4f7fb}
.casino-card .offer-match{color:var(--lime)}.casino-card .offer-amount small{font-size:18px;font-weight:500;letter-spacing:0;color:#bdc7d7;margin:0;display:inline}
.offer-value{white-space:normal}.casino-card .offer-extra{font-size:18px;font-weight:550;line-height:1.6;margin-top:8px;color:#e2e9f5}
.casino-action .button{font-size:14px;min-height:52px}.casino-action>span{font-size:11px;line-height:1.6}
.casino-payments{grid-column:2/-1;border-top:1px solid #26303d;padding-top:16px;display:flex;align-items:center;gap:16px}
.payment-label{font-size:11px;color:#aebbcf;flex-shrink:0}.payment-logos{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.payment-logo{display:flex;align-items:center;justify-content:center;width:58px;height:26px;background:#fff;border:1px solid #dce3ed;border-radius:5px;overflow:hidden}
.payment-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:4px}
@media(max-width:1150px){.casino-card{grid-template-columns:20px 132px minmax(0,1fr) 160px;gap:20px}.casino-card .offer-amount{font-size:29px}.casino-offer{padding-left:20px}.casino-payments{align-items:flex-start;gap:12px}.payment-label{padding-top:7px}}
@media(max-width:950px){.casino-card{grid-template-columns:18px 116px minmax(0,1fr) 144px;gap:16px}.casino-offer{padding-left:16px}.casino-card .offer-amount{font-size:27px}.casino-card .offer-extra{font-size:17px}.casino-brand .logo-link,.casino-brand .logo-link img{width:112px}.casino-action .button{font-size:13px;padding-inline:10px}.casino-action>span{font-size:10px}}
@media(max-width:740px){.casino-card{grid-template-columns:1fr;gap:20px;padding:24px}.casino-brand{flex-direction:row;gap:16px;justify-content:flex-start;text-align:left;padding-left:12px}.casino-brand .logo-link,.casino-brand .logo-link img{width:96px;height:60px}.casino-brand h3{font-size:20px;margin:0}.casino-card .rank{top:16px;left:14px}.casino-offer{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.casino-card .offer-amount{font-size:30px;gap:4px 8px}.casino-card .offer-amount small{font-size:17px}.casino-card .offer-extra{font-size:18px}.casino-action{grid-column:1;grid-row:4;gap:8px}.casino-action .button{font-size:15px}.casino-action>span{font-size:11px}.casino-payments{grid-column:1;grid-row:3;display:block;padding-top:16px}.payment-label{display:block;padding:0;margin-bottom:8px}.payment-logos{display:grid;grid-template-columns:repeat(5,minmax(0,44px));gap:6px}.payment-logo{width:100%;height:24px}.payment-logo img{padding:3px}}
@media(max-width:380px){.casino-card{padding:20px;gap:16px}.casino-card .offer-amount{font-size:27px}.casino-card .offer-extra{font-size:17px}.payment-logos{gap:6px}.payment-logo{height:22px}.payment-logo img{padding:3px}}

/* Center payment methods within each card. */
.casino-payments{grid-column:1/-1;justify-content:center}.payment-logos{justify-content:center}
@media(max-width:740px){.payment-label{text-align:center}.payment-logos{justify-content:center}}

/* Two cards per row on mobile, with offers kept prominent. */
@media(max-width:740px){
 #kasinot.container{padding-inline:16px}
 .casino-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
 .casino-card{padding:16px 12px;gap:14px;grid-template-columns:minmax(0,1fr);grid-template-rows:96px minmax(150px,1fr) auto auto;min-width:0;align-items:stretch}
 .casino-brand{flex-direction:column;justify-content:center;align-items:center;padding:0;gap:8px;text-align:center}
 .casino-brand .logo-link,.casino-brand .logo-link img{width:96px;height:60px}
 .casino-brand h3{font-size:16px;line-height:1.25;letter-spacing:-.025em}
 .casino-card .rank{top:10px;left:10px;font-size:9px}
 .casino-offer{padding-top:14px;text-align:center}
 .casino-offer .eyebrow{font-size:9px;letter-spacing:.02em}
 .casino-card .offer-amount{flex-direction:column;align-items:center;font-size:25px;gap:2px;margin-top:8px;line-height:1.2}
 .casino-card .offer-match{font-size:30px}
 .casino-card .offer-amount small{font-size:12px;line-height:1.5}
 .casino-card .offer-value{white-space:nowrap}
 .casino-card .offer-extra{font-size:14px;line-height:1.5;font-weight:550;overflow-wrap:break-word;margin-top:10px}
 .casino-payments{padding-top:12px;align-self:end}
 .payment-label{font-size:10px;margin-bottom:8px}
 .payment-logos{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
 .payment-logo{width:calc((100% - 8px)/3);max-width:40px;height:22px;flex-shrink:0;border-radius:3px}
 .payment-logo img{padding:2px}
 .casino-action{align-self:end;gap:8px}
 .casino-action .button{font-size:12px;min-height:48px;padding:10px 6px;line-height:1.4;gap:0;width:100%}
 .casino-action .button span{display:none}
 .casino-action>span{font-size:10px;line-height:1.5;text-align:center;white-space:normal}
}
@media(max-width:380px){.casino-list{gap:10px}.casino-card{padding:14px 10px}.casino-card .offer-amount{font-size:23px}.casino-card .offer-extra{font-size:13px}}

/* Compact mobile casino cards. */
@media(max-width:740px){
 .casino-list{gap:10px}
 .casino-card{padding:10px;gap:8px;grid-template-rows:auto minmax(82px,1fr) auto auto;border-radius:8px}
 .casino-brand{gap:4px}
 .casino-brand .logo-link,.casino-brand .logo-link img{width:72px;height:40px}
 .casino-brand h3{font-size:14px;line-height:1.2}
 .casino-card .rank{font-size:8px;top:8px;left:8px}
 .casino-offer{padding-top:8px}
 .casino-offer .eyebrow{display:none}
 .casino-card .offer-amount{flex-direction:row;justify-content:center;align-items:baseline;gap:1px 4px;margin-top:0;font-size:22px;line-height:1.15}
 .casino-card .offer-match{font-size:23px}
 .casino-card .offer-amount small{font-size:10px;line-height:1.3}
 .casino-card .offer-value{flex-basis:100%;font-size:22px;line-height:1.2}
 .casino-card .offer-extra{font-size:12px;line-height:1.35;margin-top:5px}
 .casino-payments{padding-top:8px}
 .payment-label{display:none}
 .payment-logos{gap:3px}
 .payment-logo{width:calc((100% - 9px)/4);max-width:34px;height:17px}
 .payment-logo img{padding:1px}
 .casino-action{gap:4px}
 .casino-action .button{min-height:44px;padding:8px 4px;font-size:12px;border-radius:6px}
 .casino-action>span{font-size:9px;line-height:1.3}
}

/* Consistent homepage reading column; existing casino cards keep their layout. */
main{--reading-width:820px}
.editorial-layout,.profile-layout,.faq-section{display:block}
.editorial-body,.profile-layout,.profiles-intro,.section-intro,.new-casinos-copy,.reader-tips,.faq-list,.faq-title{width:100%;max-width:var(--reading-width);text-align:left}
.editorial-aside{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;max-width:var(--reading-width);margin-bottom:24px}
.editorial-aside>p:not(.eyebrow){font-size:16px;line-height:1.5;margin:0;color:var(--muted);letter-spacing:0}
.editorial-aside br{display:none}.editorial-aside .text-link{margin:0;font-size:12px}
.profile-nav{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin:0 0 32px;padding:18px 0;border-block:1px solid var(--line)}
.profile-nav .eyebrow{width:100%;margin:0 0 4px}.profile-nav a{padding:8px 0;border:0;font-size:14px;min-height:44px;gap:10px}.profile-nav a b{margin:0}
.faq-title{position:static;margin-bottom:28px}.faq-title h2{max-width:25ch}.faq-title p:not(.eyebrow){max-width:none}.faq-answer{padding-right:0}
.profiles-intro h3,.section-intro h3{font-size:25px;line-height:1.3;margin-top:30px}
.reading-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.reading-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;min-height:46px;border:1px solid #3b4c63;border-radius:8px;color:var(--text);font-size:14px;text-decoration:none}
.reading-links a:hover,.reading-links a:focus-visible{border-color:var(--lime);color:var(--lime)}
.reader-tips{margin-top:28px;padding:24px;background:#101a28;border:1px solid #2d405b;border-radius:10px}
.reader-tips>.eyebrow{margin-bottom:10px}.reader-tip+.reader-tip{border-top:1px solid #2d405b}
.reader-tip summary{padding:18px 0;cursor:pointer;font-size:17px;line-height:1.5;font-weight:600;color:#edf3ff}
.reader-tip summary::marker{color:var(--lime)}.reader-tip p{margin:0 0 20px;font-size:16px;color:var(--muted);line-height:1.85}
.reader-tip[open] summary{color:var(--lime)}.reader-tip summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
#parhaat-verovapaat-kasinot,#uudet-verovapaat-kasinot{scroll-margin-top:150px}
@media(max-width:740px){#kasinot .section-heading,#kasinot .section-intro,#kasinot .list-footnote{padding-inline:8px}.editorial-aside{margin-bottom:18px;gap:8px 16px}.editorial-aside>p:not(.eyebrow){display:none}.editorial-aside .text-link{display:inline-flex}.profile-layout{margin-top:28px}.profile-nav{gap:6px 18px}.profile-nav a{font-size:13px}.reader-tips{padding:18px}.reader-tip summary{font-size:16px}.reading-links{flex-direction:column}.reading-links a{width:100%}.faq-title{margin-bottom:24px}}
@media(max-width:380px){#kasinot .section-heading,#kasinot .section-intro,#kasinot .list-footnote{padding-inline:4px}}
