:root{--color-primary:#66b3ff;--color-secondary:#006eff;--color-accent:#0080ff;--color-dark:#001233;--color-bg:#f7f9fc;--color-surface:#fff;--color-text:#102442;--color-text-secondary:#52647c;--color-text-muted:#52647c;--color-border:#dce3ee;--color-border-accent:#006eff;--color-link-hover:#0052cc;--warning-banner-bg:#9c2432;--warning-banner-text:#fff;--footer-bg:#001a33;--footer-text:#fff;--button-gradient:linear-gradient(135deg,#0052cc 0%,#00d4ff 100%);--font-heading:'Inter',sans-serif;--font-body:'Roboto',sans-serif;--font-display:'Montserrat',sans-serif;--coral:#ff654b;--lime:#d5f670;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:185px}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.12;letter-spacing:-.045em;margin:0}p{margin:0 0 1.2em}h1{font-size:clamp(39px,4.7vw,68px);font-weight:800;line-height:1.06}h1 em{font-style:normal;color:var(--color-secondary)}h2{font-size:clamp(29px,3vw,42px);font-weight:800}h3{font-size:23px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-secondary);outline-offset:5px}::selection{background:var(--lime);color:var(--color-dark)}.wrap{max-width:1240px;width:calc(100% - 80px);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;z-index:2000;background:white;padding:14px}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 0 var(--color-border)}.warning-banner{background:var(--warning-banner-bg);color:var(--warning-banner-text);text-align:center;padding:8px 22px;line-height:1.5;font-size:11px;display:flex;flex-direction:column;gap:1px}.warning-banner strong{font-weight:600}.warning-banner span{font-size:10px;opacity:.9}.warning-banner a{text-decoration:underline;text-underline-offset:2px}.navigation{display:flex;align-items:center;gap:20px;min-height:104px}.nav-logo{display:flex;align-items:center;flex-shrink:0}.nav-logo img{height:100px;width:auto;object-fit:contain}.nav-tagline{font-family:var(--font-heading);font-size:9px;line-height:1.7;letter-spacing:1.4px;border-left:1px solid var(--color-border);padding-left:22px}.nav-links{display:flex;align-items:center;gap:30px;margin-left:auto}.nav-links>a{font-size:15px;font-weight:700}.nav-links>a span{color:var(--color-secondary);margin-left:16px}.nav-links>a[aria-current]{color:var(--color-secondary)}.nav-links>a:hover{color:var(--color-secondary)}.nav-separator{width:1px;height:27px;background:var(--color-border)}.nav-trust{font-size:12px;display:flex;gap:8px;align-items:center;color:var(--color-text-secondary)}.status-dot{height:7px;width:7px;border-radius:50%;background:#80ca63;display:inline-block;flex-shrink:0}.age-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1.5px solid currentColor;border-radius:50%;font-weight:800;font-size:12px;flex-shrink:0}.nav-toggle{display:none}.eyebrow{font:700 10px/1.5 var(--font-heading);letter-spacing:1.8px;display:block;margin-bottom:18px}.hero{background:#fff;padding:32px 0 38px}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:35px;align-items:stretch}.hero-copy{padding:34px 0 25px}.hero-copy .eyebrow{color:var(--color-secondary);display:flex;align-items:center;gap:10px}.tiny-square{height:7px;width:7px;background:var(--color-secondary);display:inline-block}.hero-lead{font-size:17px;line-height:1.65;color:var(--color-text-secondary);max-width:465px;margin:24px 0 28px}.hero-actions{display:flex;align-items:center;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--coral);color:var(--color-dark);border:1px solid transparent;padding:15px 24px;border-radius:7px;font:700 14px/1.3 var(--font-heading);min-height:50px;transition:background .18s,box-shadow .18s}.button:hover{background:#ff8067;box-shadow:0 5px 16px #ff654b25}.button span{font-size:20px;font-weight:400}.hero-note{font-size:11px;line-height:1.65;color:var(--color-text-secondary)}.hero-proof{display:flex;gap:22px;margin-top:24px;font-size:10px;color:var(--color-text-secondary)}.hero-visual{position:relative;min-height:450px;border-radius:var(--radius);background-color:var(--color-dark);background-size:cover;background-position:center 65%;color:#fff;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:25px;overflow:hidden}.visual-top{font:600 9px var(--font-heading);letter-spacing:1.6px;opacity:.85}.visual-top span{color:var(--color-primary);margin:0 8px}.visual-caption{position:absolute;left:24px;bottom:25px;background:#001233c9;backdrop-filter:blur(10px);border:1px solid #ffffff20;padding:10px 14px;border-radius:6px;font-size:11px;display:flex;align-items:center;gap:10px}.visual-index{font:600 8px var(--font-display);letter-spacing:2px;position:absolute;right:22px;top:50%;writing-mode:vertical-rl;color:#8ca6ca}.trust-strip{background:#edf3fc;border-top:1px solid #e2eaf7;border-bottom:1px solid #e2eaf7}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:22px}.trust-grid>div{display:flex;align-items:center;gap:16px;justify-content:center;border-right:1px solid #d9e2ef}.trust-grid>div:first-child{justify-content:flex-start}.trust-grid>div:last-child{border:0}.trust-grid span{font-size:11px;color:var(--color-text-secondary);line-height:1.65}.trust-grid strong{display:block;color:var(--color-text);font-size:13px}.comparison-section{padding-block:65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:26px}.section-heading .eyebrow{color:var(--color-secondary);margin-bottom:13px}.section-heading>p{font-size:14px;color:var(--color-text-secondary);margin-bottom:3px}.blue-text{color:var(--color-secondary)}.comparison-disclosure{font-size:11px;line-height:1.7;color:var(--color-text-secondary);margin:0 0 20px;display:flex;gap:12px;align-items:flex-start}.ad-label{font:700 8px/1.6 var(--font-heading);letter-spacing:1px;border:1px solid #b8c5d7;border-radius:3px;padding:2px 5px;white-space:nowrap}.bookmaker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bookmaker-card{padding:26px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;position:relative;display:flex;flex-direction:column}.card-brand{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.card-index{font:600 10px var(--font-heading);color:#7c8ea3}.bookmaker-logo{height:40px;width:auto;max-width:150px;object-fit:contain}.card-category{font:600 8px var(--font-heading);letter-spacing:1.2px;color:var(--color-text-secondary);width:100%;margin-top:16px}.card-offer{padding:22px 0 19px}.offer-prefix{font-size:13px;display:block;color:var(--color-text-secondary)}.card-offer strong{font:800 48px/1.2 var(--font-display);letter-spacing:-2.8px;display:block;color:var(--color-dark)}.offer-terms{font-size:10px;color:var(--color-text-secondary)}.card-detail{border-top:1px solid #e8edf4;padding-top:15px;font-size:11px;flex:1}.card-detail>span{font-size:11px;font-weight:700}.card-detail p{color:var(--color-text-secondary);margin:6px 0 18px}.card-action .button{width:100%;justify-content:space-between;font-size:13px;padding-inline:18px}.card-action small{display:block;text-align:center;font-size:8px;color:var(--color-text-secondary);margin-top:10px}.featured-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.2fr 1.15fr;gap:24px;align-items:center;border-color:#abc7f1;background:linear-gradient(110deg,#fff 45%,#eef4ff)}.featured-card .card-brand{gap:12px}.featured-card .card-category{margin-top:5px}.featured-card .card-offer{padding:0}.featured-card .card-detail{border:0;padding:0}.featured-card .card-detail p{margin-bottom:0}.featured-card .card-offer strong{font-size:43px}.comparison-footnote{font-size:10px;color:var(--color-text-secondary);margin:18px 0 0;max-width:1000px}.method-section{background:#eaf0fc;padding:57px 0}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:38px}.method-grid article{border-left:1px solid #cad8ed;padding-left:24px}.method-grid img{float:right;margin-right:10px}.method-grid article>span{display:block;font:600 9px var(--font-heading);letter-spacing:1.4px;color:var(--color-secondary);margin-bottom:20px}.method-grid h3{font-size:21px;margin-bottom:13px}.method-grid p{font-size:13px;color:var(--color-text-secondary);margin:0;max-width:270px}.guide-section{padding-block:76px}.guide-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:90px}.guide-aside .eyebrow{color:var(--color-secondary)}.guide-aside h2{font-size:33px}.guide-aside>p{color:var(--color-text-secondary);font-size:13px;margin-top:18px}.guide-aside nav{display:flex;flex-direction:column;margin-top:28px;border-top:1px solid var(--color-border)}.guide-aside nav a{font-size:12px;padding:14px 0;border-bottom:1px solid var(--color-border);display:flex;gap:13px;line-height:1.5}.guide-aside nav a:hover{color:var(--color-secondary)}.guide-aside nav a span{font-size:9px;color:var(--color-secondary);padding-top:2px}.editorial-content{max-width:760px}.editorial-content article{margin-bottom:37px;scroll-margin-top:180px}.article-number{font:600 8px var(--font-heading);letter-spacing:1.5px;color:var(--color-secondary)}.editorial-content h3{margin:12px 0 17px;font-size:26px}.editorial-content p,.editorial-content li{font-size:15px;line-height:1.85;color:var(--color-text-secondary)}.editorial-content a{color:#0054c9;text-decoration:underline;text-underline-offset:3px}.editorial-content ul{padding-left:20px}.editorial-content strong{color:var(--color-text)}.feature-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-bottom:70px}.feature-story>img{width:100%;height:320px;object-fit:cover;border-radius:14px}.feature-story .eyebrow{color:var(--color-secondary)}.feature-story h2{font-size:34px}.feature-story p{font-size:14px;color:var(--color-text-secondary);margin:22px 0}.underlined{font-size:13px;color:var(--color-secondary);font-weight:600;display:inline-block;border-bottom:1px solid #b5cbed;padding-bottom:5px}.underlined:hover{color:var(--color-dark)}.faq-section{border-top:1px solid var(--color-border);padding-block:60px;display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq-intro h2{font-size:33px}.faq-intro>p{font-size:14px;color:var(--color-text-secondary);margin:22px 0;max-width:300px}.faq-intro .eyebrow{color:var(--color-secondary)}.faq-list details{border-bottom:1px solid var(--color-border)}.faq-list summary{list-style:none;cursor:pointer;padding:21px 4px;font:600 14px/1.6 var(--font-heading);display:flex;justify-content:space-between;gap:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;line-height:1;font-weight:400;color:var(--color-secondary)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:14px;color:var(--color-text-secondary);padding:0 28px 17px 4px;margin:0}.faq-list a{color:var(--color-secondary);text-decoration:underline}.final-cta{background:var(--lime);padding:38px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:14px;margin-top:15px;margin-bottom:70px}.final-cta .eyebrow{font-size:9px;margin-bottom:13px}.final-cta h2{font-size:29px}.final-cta p{font-size:12px;margin:15px 0 0}.button-dark{background:var(--color-dark);color:white;white-space:nowrap}.button-dark:hover{background:#143563}.site-footer{background:var(--footer-bg);color:var(--footer-text);padding:52px 0 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:40px;border-bottom:1px solid #ffffff21}.footer-top .eyebrow{font-size:8px;color:#9eb9d9}.footer-top h2{font-size:30px}.button-outline{background:transparent;border-color:#68809d;color:#fff;font-size:12px}.button-outline:hover{background:#173550}.footer-columns{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:48px;padding:42px 0}.footer-columns h3{font-size:13px;letter-spacing:0;margin:0 0 18px}.footer-columns p,.footer-columns a,.footer-columns button,.footer-columns>div>span{font-size:11px;line-height:1.8;color:#b8c8dc}.footer-columns a{display:block;margin-bottom:7px}.footer-columns a:hover{color:white;text-decoration:underline}.footer-columns .age-badge{color:#fff;margin-right:8px}.footer-columns .help-phone{font:700 20px var(--font-heading);color:#fff;margin-bottom:12px}.text-button{border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.text-button:hover{text-decoration:underline}.legal-logos{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:20px;background:#fff;border-radius:9px;padding:20px 25px}.legal-logos>a,.legal-logos>span{display:flex;align-items:center;justify-content:center;min-width:0;flex:1}.legal-logos img{height:40px;width:auto;max-width:100%;object-fit:contain}.footer-disclaimer{font-size:10px;line-height:1.85;color:#b8c8dc;padding:28px 0}.footer-disclaimer strong{color:#e7edf6}.footer-bottom{border-top:1px solid #ffffff21;padding:19px 0;display:flex;justify-content:space-between;font-size:9px;color:#9ab0cb}.fr-mark{display:inline-block;margin-left:12px;border-left:3px solid #66b3ff;border-right:3px solid var(--coral);padding:0 6px;background:#fff;color:var(--color-dark);font-size:8px}.page-hero .hero-visual{min-height:370px}.page-hero h1{font-size:clamp(36px,4.4vw,58px)}.legal-notice{margin-top:32px;background:#eaf0fc;border-left:3px solid var(--color-secondary);padding:20px 24px;font-size:13px}.legal-notice span{color:var(--color-text-secondary)}.bonus-table{padding-bottom:50px}.bonus-table .eyebrow{color:var(--color-secondary)}.bonus-table h2{font-size:32px;margin-bottom:25px}.table-scroll{overflow:auto;border:1px solid var(--color-border);border-radius:10px;background:white}table{width:100%;border-collapse:collapse;min-width:650px;text-align:left;font-size:13px}caption{text-align:left;padding:15px 20px;color:var(--color-text-secondary);font-size:11px;border-bottom:1px solid var(--color-border)}th,td{padding:17px 20px;border-bottom:1px solid var(--color-border)}thead{background:#edf3fc;font-size:11px}tbody tr:last-child>*{border:0}td a{color:var(--color-secondary);text-decoration:underline}td strong{font-weight:600}table .bookmaker-logo{height:31px;max-width:105px}.not-found{padding-block:100px}.not-found h1{margin-bottom:25px}.not-found p{max-width:550px;color:var(--color-text-secondary)}.not-found .underlined{margin-left:25px}.not-found .eyebrow{color:var(--color-secondary)}dialog{border:1px solid var(--color-border);border-radius:18px;max-width:580px;width:calc(100% - 36px);padding:0;color:var(--color-text);box-shadow:0 30px 120px #00123340}dialog::backdrop{background:#001233a6;backdrop-filter:blur(4px)}.dialog-inner{padding:36px;position:relative}.dialog-inner h2{font-size:30px;margin-bottom:20px}.dialog-inner p{font-size:14px;color:var(--color-text-secondary)}.dialog-inner>a{color:var(--color-secondary);font-size:13px;text-decoration:underline}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:var(--color-text)}.dialog-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}.button-light{background:#eaf0fc}.button-light:hover{background:#dce8ff}#privacy-status{font-weight:600;color:#13602c}
@media(min-width:1500px){.hero-grid{gap:60px}.hero-visual{min-height:480px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.nav-tagline{display:none}.hero-grid{gap:24px}.hero-copy{padding-block:25px}.hero-visual{min-height:410px}.hero-proof{gap:12px;font-size:9px}.hero-note{font-size:10px}.hero-actions{gap:12px}.hero-actions .button{padding-inline:16px;font-size:12px}.featured-card{gap:16px;grid-template-columns:1fr .8fr 1fr 1.2fr}.bookmaker-card{padding:22px}.featured-card .bookmaker-logo{max-width:110px}.guide-layout{grid-template-columns:260px minmax(0,1fr);gap:45px}.footer-columns{gap:25px}.feature-story{gap:35px}.final-cta{padding:32px}.final-cta .button{font-size:12px}.visual-caption{font-size:10px;left:16px;right:16px}.nav-links{gap:20px}.faq-section{gap:35px}}
@media(max-width:767px){html{scroll-padding-top:185px}.wrap{width:calc(100% - 36px)}.warning-banner{font-size:9px;padding:7px 12px}.warning-banner span{font-size:8px}.navigation{min-height:80px;position:relative}.nav-logo img{height:80px;width:auto}.nav-toggle{display:flex;gap:12px;align-items:center;margin-left:auto;background:#f0f4fa;border:1px solid var(--color-border);border-radius:6px;padding:8px 12px;font-size:12px;color:var(--color-dark)}.nav-links{display:none;position:absolute;top:100%;left:-18px;right:-18px;padding:20px 24px;background:white;border-bottom:1px solid var(--color-border);box-shadow:0 10px 20px #00123312}.nav-links.is-open{display:flex;flex-wrap:wrap;gap:22px}.nav-trust{font-size:10px}.nav-links .age-badge{margin-left:auto}.nav-separator{display:none}.hero{padding:15px 0 25px}.hero-grid{grid-template-columns:1fr;gap:22px}.hero-copy{padding:23px 0 0}.hero-copy .eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:43px;max-width:550px}.hero-lead{font-size:15px;margin:20px 0 22px;max-width:500px}.hero-proof{font-size:10px;gap:20px;margin-top:20px}.hero-actions{gap:20px}.hero-actions .button{font-size:13px;padding:15px 20px}.hero-note{font-size:10px}.hero-visual,.page-hero .hero-visual{min-height:290px;background-position:center 62%;padding:20px}.visual-top{font-size:8px}.visual-caption{right:auto;max-width:calc(100% - 32px);font-size:10px;bottom:18px}.trust-grid{padding-block:18px;gap:12px}.trust-grid>div{justify-content:flex-start;border:0;flex-direction:column;align-items:flex-start;gap:8px}.trust-grid strong{font-size:10px}.trust-grid span{font-size:9px}.trust-grid img{height:32px;width:32px}.comparison-section{padding-block:40px}.section-heading{align-items:start;flex-direction:column;gap:14px}.section-heading h2{font-size:33px}.section-heading>p{font-size:12px}.comparison-disclosure{font-size:10px;gap:8px}.bookmaker-grid{grid-template-columns:1fr;gap:14px}.bookmaker-card,.featured-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px;grid-column:auto}.card-brand{gap:10px;align-content:start}.card-brand .bookmaker-logo,.featured-card .bookmaker-logo{height:34px;max-width:110px}.card-index{font-size:9px}.card-category,.featured-card .card-category{font-size:7px;margin:3px 0 0}.card-offer,.featured-card .card-offer{padding:0;text-align:right}.card-offer strong,.featured-card .card-offer strong{font-size:38px}.offer-prefix{font-size:11px}.offer-terms{font-size:8px}.card-detail,.featured-card .card-detail{grid-column:1/-1;border-top:1px solid var(--color-border);padding-top:12px}.card-detail p,.featured-card .card-detail p{font-size:10px;margin-bottom:0}.card-action{grid-column:1/-1}.card-action small{margin-top:8px}.comparison-footnote{font-size:9px}.method-section{padding:38px 0}.method-grid{grid-template-columns:1fr;gap:25px;margin-top:28px}.method-grid article{padding-left:18px}.method-grid article>span{margin-bottom:12px}.method-grid p{max-width:100%;font-size:13px}.method-grid img{margin-right:12px}.guide-section{padding-block:42px}.guide-layout{grid-template-columns:1fr;gap:32px}.guide-aside h2{font-size:31px}.guide-aside nav{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin-top:20px}.guide-aside nav a{font-size:10px;padding:12px 0;gap:8px}.guide-aside>p{margin-bottom:0}.editorial-content h3{font-size:24px}.editorial-content p,.editorial-content li{font-size:14px;line-height:1.9}.editorial-content article:last-child{margin-bottom:0}.feature-story{grid-template-columns:1fr;gap:28px;padding-bottom:42px}.feature-story>img{height:260px}.feature-story h2{font-size:30px}.feature-story p{margin-top:16px}.faq-section{grid-template-columns:1fr;gap:22px;padding-block:35px}.faq-intro h2{font-size:30px}.faq-intro>p{max-width:100%;margin:15px 0}.faq-list summary{font-size:13px;padding:19px 0}.faq-list p{font-size:13px}.final-cta{flex-direction:column;align-items:start;padding:28px 24px;margin-block:20px 45px;gap:24px}.final-cta h2{font-size:26px}.final-cta .button{width:100%;white-space:normal}.site-footer{padding-top:36px}.footer-top{flex-direction:column;align-items:start;gap:24px;padding-bottom:30px}.footer-top h2{font-size:28px}.footer-top .button{font-size:11px;padding-inline:15px}.footer-columns{grid-template-columns:1fr 1fr;gap:28px 22px;padding:30px 0}.footer-columns h3{font-size:12px;margin-bottom:12px}.footer-columns p,.footer-columns a,.footer-columns button,.footer-columns>div>span{font-size:10px}.footer-columns .help-phone{font-size:17px}.legal-logos{gap:7px;padding:13px 9px;border-radius:6px}.legal-logos img{height:25px;max-width:100%;width:auto}.footer-disclaimer{font-size:9px;padding:22px 0}.footer-bottom{flex-direction:column;gap:8px;font-size:8px;padding-block:16px}.page-hero h1{font-size:40px}.legal-notice{font-size:12px;margin-top:24px;padding:18px}.legal-notice strong,.legal-notice span{display:block}.bonus-table{padding-bottom:35px}.bonus-table h2{font-size:28px}.not-found{padding-block:65px}.not-found h1{font-size:42px}.not-found .underlined{display:block;width:fit-content;margin:22px 0 0}.dialog-inner{padding:32px 22px}.dialog-inner h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
