:root {--blue-dark:#092E8A;--blue-mid:#1555C0;--blue-light:#1E6EC8;--bg-page:#DDE5F5;--bg-card:#FFFFFF;--bg-card-inner:#F2F5FB;--white:#FFFFFF;--text-heading:#000B28;--text-body:#3D4A66;--text-muted:#8692AA;--cta-from:#FF9900;--cta-to:#E07700;--star-color:#FF9900;--check-color:#1E6EC8;--ribbon-green:#7AC231;--ribbon-red:#E63939;--border-subtle:#E4EAF6;--shadow-card:0 2px 16px rgba(14,40,100,0.08);--radius-card:14px;--radius-btn:30px;--font:'Inter',sans-serif;} *,*::before,*::after {box-sizing:border-box;margin:0;padding:0;} body {font-family:var(--font);background:var(--bg-page);color:var(--text-heading);-webkit-font-smoothing:antialiased;} .site-logo {font-size:18px;font-weight:900;letter-spacing:1.5px;color:#ffffff;margin-bottom:20px;display:inline-block;text-transform:uppercase;} .site-logo span {color:#FF9900;} .hero {background:linear-gradient(165deg,#0E3BB5 0%,#1861CC 55%,#1A78DD 100%);padding:24px 24px 40px;position:relative;overflow:hidden;min-height:160px;} .hero::before {content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3Cg fill='white' fill-opacity='0.07'%3E%3Cpath d='M420 20 L450 100 L540 90 L480 150 L510 240 L420 190 L330 240 L360 150 L300 90 L390 100 Z' /%3E%3Cpath d='M520 180 L535 225 L580 220 L550 250 L563 295 L520 270 L477 295 L490 250 L460 220 L505 225 Z' /%3E%3Cpath d='M40 60 L55 105 L100 100 L70 130 L83 175 L40 150 L-3 175 L10 130 L-20 100 L25 105 Z' /%3E%3Cpath d='M80 260 L90 290 L120 287 L102 308 L110 338 L80 320 L50 338 L58 308 L40 287 L70 290 Z' /%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:right center;background-repeat:no-repeat;pointer-events:none;z-index:0;} .hero-content {max-width:800px;margin:0 auto;position:relative;z-index:2;} .hero h1 {font-size:clamp(26px,4vw,38px);font-weight:800;color:var(--white);line-height:1.2;margin-bottom:18px;letter-spacing:-0.5px;} .hero p {font-size:15px;color:rgba(255,255,255,0.85);max-width:580px;line-height:1.7;} .hero-flag {position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:340px;height:auto;opacity:0.18;pointer-events:none;border-radius:14px;z-index:1;} .hero-trust-strip {background:#0A2D9B;border-bottom:1px solid rgba(255,255,255,0.1);padding:10px 24px;} .hero-trust-inner {max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;} .hero-trust-item {font-size:12px;font-weight:700;color:#7FD18E;letter-spacing:0.2px;} .hero-trust-divider {color:rgba(255,255,255,0.25);font-size:14px;line-height:1;} .container {max-width:1020px;margin:0 auto;padding:32px 20px 60px;} .casino-list {display:flex;flex-direction:column;gap:16px;} .casino-card {background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:grid;grid-template-columns:160px 1.5fr 1.5fr 180px;align-items:center;gap:16px;padding:16px 20px;position:relative;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;border:1px solid rgba(200,215,245,0.6);} .casino-card:hover {transform:translateY(-2px);box-shadow:0 8px 28px rgba(14,40,100,0.13);} .casino-card--featured {border:2px solid #2563EB;background:linear-gradient(135deg,#EEF4FF 0%,#F5F8FF 60%,#FFFFFF 100%);box-shadow:0 4px 24px rgba(37,99,235,0.15),0 1px 6px rgba(14,40,100,0.08);} .casino-card--featured:hover {box-shadow:0 8px 32px rgba(37,99,235,0.25),0 4px 16px rgba(14,40,100,0.1);transform:translateY(-3px);} .card-mobile-tag {display:none;position:absolute;top:8px;right:8px;font-size:9px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;padding:3px 8px;border-radius:20px;line-height:1.4;z-index:4;white-space:nowrap;} .card-mobile-tag--recommended {background:#16A34A;color:white;} .card-mobile-tag--new {background:#2563EB;color:white;} .card-rank {position:absolute;top:0;left:0;width:26px;height:26px;background:var(--bg-page);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-heading);border-bottom-right-radius:8px;z-index:3;} .card-role-label {display:inline-block;font-size:9px;font-weight:800;letter-spacing:0.8px;text-transform:uppercase;padding:4px 10px;border-radius:20px;pointer-events:none;white-space:nowrap;} .card-role-label--gold {background:#FEF3C7;color:#92400E;border:1px solid #FCD34D;} .card-role-label--blue {background:#EFF6FF;color:#1D4ED8;border:1px solid #BFDBFE;} .card-role-label--purple {background:#F5F3FF;color:#6D28D9;border:1px solid #DDD6FE;} .card-role-label--green {background:#F0FDF4;color:#15803D;border:1px solid #BBF7D0;} .card-role-label--teal {background:#F0FDFA;color:#0F766E;border:1px solid #99F6E4;} .card-ribbon {position:absolute;top:18px;left:-26px;width:110px;text-align:center;font-size:8px;font-weight:800;letter-spacing:0.6px;text-transform:uppercase;color:white;padding:4px 0;transform:rotate(-45deg);pointer-events:none;z-index:2;} .card-ribbon--recommended {background:var(--ribbon-green);} .card-ribbon--new {background:var(--ribbon-red);} .card-logo-col {display:flex;flex-direction:column;align-items:flex-start;gap:10px;} .casino-logo-link {display:block;width:100%;} .casino-logo {width:100%;max-width:155px;border-radius:8px;overflow:hidden;cursor:pointer;transition:opacity 0.2s;} .casino-logo:hover {opacity:0.88;} .casino-logo svg {display:block;width:100%;height:auto;} .casino-meta {display:flex;flex-direction:column;align-items:flex-start;gap:4px;} .casino-name {font-size:14px;font-weight:700;color:var(--text-heading);} .casino-rating {display:flex;align-items:center;gap:5px;} .flag-icon {font-size:14px;line-height:1;} .stars {display:flex;align-items:center;gap:2px;} .star {display:inline-flex;width:14px;height:14px;flex-shrink:0;} .star svg {width:14px;height:14px;fill:var(--star-color);display:block;} .star--half {position:relative;display:inline-block;width:14px;height:14px;} .star--half .star-bg {fill:#D1D5DB;} .star--half .star-fg {fill:var(--star-color);} .rating-value {font-size:13px;font-weight:700;color:var(--text-heading);} .rating-max {font-size:11px;font-weight:400;color:var(--text-muted);} .rating-voters {font-size:10px;color:var(--text-muted);font-weight:400;line-height:1;margin-top:1px;} .card-bonus-col {padding-left:16px;border-left:1px solid var(--border-subtle);} .bonus-title {line-height:1.25;margin-bottom:8px;} .bonus-amount {display:block;font-size:21px;font-weight:900;color:var(--text-heading);letter-spacing:-0.3px;} .bonus-spins {display:block;font-size:14px;font-weight:700;color:#E07B00;margin-top:2px;} .bonus-tac {font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px;} .tac-icon {cursor:pointer;font-size:13px;} .features-list {list-style:none;display:flex;flex-direction:column;gap:8px;} .features-list li {font-size:13px;color:var(--text-body);display:flex;align-items:center;gap:8px;} .check-icon {display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(30,110,200,0.12);color:var(--check-color);font-size:10px;font-weight:700;flex-shrink:0;} .card-cta-col {display:flex;flex-direction:column;align-items:center;gap:10px;} .mobile-toggle-checkbox {display:none;} .mobile-toggle-label {display:none;font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;margin-top:8px;transition:color 0.15s;} .mobile-toggle-label:hover {color:var(--blue-main);} .mobile-toggle-content {display:block;} .btn-cta {display:block;width:100%;text-align:center;background:linear-gradient(175deg,var(--cta-from) 0%,var(--cta-to) 100%);color:white;font-size:14px;font-weight:800;letter-spacing:0.8px;padding:13px 20px;border-radius:var(--radius-btn);text-decoration:none;box-shadow:0 4px 14px rgba(255,153,0,0.4);transition:transform 0.15s ease,box-shadow 0.15s ease,filter 0.15s ease;} .btn-cta--featured {letter-spacing:0.5px;box-shadow:0 6px 20px rgba(255,153,0,0.5);} .cta-urgency {font-size:11px;font-weight:600;color:#DC2626;text-align:center;letter-spacing:0.2px;} .btn-cta:hover {transform:translateY(-1px) scale(1.02);box-shadow:0 6px 18px rgba(255,153,0,0.55);filter:brightness(1.06);} .btn-cta:active {transform:translateY(0) scale(0.98);} .payment-icons {display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;} .pay-icon {display:inline-flex;width:32px;height:20px;border-radius:3px;overflow:hidden;cursor:default;transition:opacity 0.2s;} .pay-icon:hover {opacity:0.75;} .pay-icon svg {width:100%;height:100%;} .faq-section {margin-top:52px;} .faq-title {font-size:clamp(20px,3vw,26px);font-weight:800;color:var(--text-heading);text-align:center;margin-bottom:24px;} .faq-accordion {display:flex;flex-direction:column;gap:10px;max-width:780px;margin:0 auto;} .faq-item {background:var(--bg-card);border-radius:12px;border:1.5px solid var(--border-subtle);overflow:hidden;box-shadow:0 1px 4px rgba(14,40,100,0.04);transition:border-color 0.2s,box-shadow 0.2s;} .faq-item--open {border-color:rgba(30,110,200,0.3);box-shadow:0 4px 16px rgba(14,40,100,0.1);} .faq-question {width:100%;background:none;border:none;cursor:pointer;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font);font-size:15px;font-weight:700;color:var(--text-heading);text-align:left;gap:16px;transition:background 0.15s;outline:none;} .faq-question:focus-visible {outline:2px solid var(--blue-light);outline-offset:-2px;} .faq-question:hover {background:var(--bg-card-inner);} .faq-item--open .faq-question {background:var(--bg-card-inner);} .faq-chevron-icon {flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--bg-page);display:flex;align-items:center;justify-content:center;transition:background 0.2s,transform 0.3s ease;} .faq-chevron-icon svg {width:12px;height:12px;stroke:var(--text-muted);transition:stroke 0.2s,transform 0.3s ease;transform:rotate(0deg);} .faq-item--open .faq-chevron-icon {background:rgba(30,110,200,0.12);} .faq-item--open .faq-chevron-icon svg {stroke:var(--blue-light);transform:rotate(180deg);} .faq-answer {max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;padding:0 22px;} .faq-answer p {font-size:14px;color:var(--text-body);line-height:1.75;border-top:1px solid var(--border-subtle);padding:14px 0 18px;} .faq-item--open .faq-answer {max-height:500px;} .compliance-stripe {background:#0D1B3E;padding:8px 20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:11px;color:rgba(255,255,255,0.65);font-weight:500;letter-spacing:0.2px;} .compliance-stripe a {color:rgba(255,255,255,0.85);text-decoration:underline;text-underline-offset:2px;} .compliance-stripe a:hover {color:#fff;} .cs-dot {opacity:0.35;font-size:14px;line-height:1;} .sticky-mobile-cta {display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border-subtle);box-shadow:0 -4px 20px rgba(14,40,100,0.14);z-index:999;padding:10px 16px;} .sticky-cta-inner {display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:480px;margin:0 auto;} .sticky-cta-text {display:flex;flex-direction:column;gap:2px;min-width:0;} .sticky-cta-text strong {font-size:13px;font-weight:800;color:var(--text-heading);white-space:nowrap;} .sticky-cta-text span {font-size:13px;font-weight:800;color:#E07B00;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sticky-cta-btn {flex-shrink:0;background:linear-gradient(175deg,var(--cta-from) 0%,var(--cta-to) 100%);color:white;font-size:13px;font-weight:800;letter-spacing:0.5px;padding:11px 18px;border-radius:var(--radius-btn);text-decoration:none;box-shadow:0 3px 10px rgba(255,153,0,0.4);white-space:nowrap;transition:filter 0.15s;} .sticky-cta-btn:hover {filter:brightness(1.08);} .site-footer {background:linear-gradient(165deg,#0E3BB5 0%,#1861CC 55%,#1A78DD 100%);border-top:1px solid var(--border-subtle);padding:52px 24px 40px;color:rgba(255,255,255,0.85);} .footer-content {max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;} .footer-brand {font-size:22px;font-weight:900;letter-spacing:1.5px;color:#ffffff;text-transform:uppercase;} .footer-brand span {color:#FF9900;} .footer-tagline {font-size:14px;color:rgba(255,255,255,0.75);max-width:460px;line-height:1.6;} .trust-logos {display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:10px;} .trust-logo {display:inline-flex;align-items:center;justify-content:center;height:44px;padding:6px 12px;background:white;border-radius:8px;border:1px solid var(--border-subtle);cursor:default;transition:opacity 0.2s,box-shadow 0.2s;box-shadow:0 1px 4px rgba(14,40,100,0.05);} .trust-logo:hover {opacity:0.8;box-shadow:0 3px 10px rgba(14,40,100,0.1);} .trust-logo svg {height:28px;width:auto;display:block;} .trust-logo img {height:28px;width:auto;display:block;} .trust-logo--trustpilot {background:#00B67A;} .trust-logo--askgamblers {background:#1B1B1B;} .trust-logo--flag {gap:6px;padding:5px 10px;} .trust-flag-img {height:24px;width:auto;border-radius:3px;display:block;} .trust-flag-label {font-size:11px;font-weight:700;color:#012169;white-space:nowrap;} .trust-logo--img-only {background:white;padding:6px 10px;} .trust-img {height:26px;width:auto;display:block;object-fit:contain;} .footer-legal {font-size:11px;color:rgba(255,255,255,0.6);text-align:center;max-width:680px;line-height:1.7;margin-top:6px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.2);} .footer-legal a {color:#FF9900;text-decoration:none;font-weight:600;} .footer-legal a:hover {text-decoration:underline;} @media (max-width:860px) {.casino-card {grid-template-columns:190px 1fr 1fr;grid-template-rows:auto auto;} .card-cta-col {grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid var(--border-subtle);padding-top:14px;} .btn-cta {max-width:200px;} .payment-icons {justify-content:flex-start;} .mobile-toggle-label {display:inline-block;} .mobile-toggle-content {display:none;margin-top:12px;background:#F8FAFC;padding:12px 16px;border-radius:6px;border:1px solid var(--border-subtle);} .mobile-toggle-checkbox:checked~.mobile-toggle-content {display:block;animation:slideDown 0.2s ease-out;} .mobile-toggle-checkbox:checked+.mobile-toggle-label {color:var(--blue-dark);}} @keyframes slideDown {from {opacity:0;transform:translateY(-4px);} to {opacity:1;transform:translateY(0);}} @media (max-width:640px) {.hero {padding:36px 20px 48px;} .hero-flag {width:180px;opacity:0.12;right:-10px;} .casino-card {grid-template-columns:1fr;gap:14px;padding:20px 16px 16px;} .card-logo-col {flex-direction:row;align-items:center;gap:14px;} .casino-logo-link {flex-shrink:0;width:110px;} .casino-logo {width:110px;max-width:110px;} .casino-meta {flex:1;min-width:0;} .card-mobile-tag {display:block;} .card-ribbon {display:none;} .card-bonus-col {padding-left:0;border-left:none;border-top:1px solid var(--border-subtle);padding-top:12px;} .card-cta-col {flex-direction:column;align-items:stretch;border-top:1px solid var(--border-subtle);padding-top:12px;} .btn-cta {max-width:100%;padding:15px;font-size:15px;} .payment-icons {justify-content:center;} .casino-rating {justify-content:flex-start;}} @media (max-width:500px) {.hero h1 {font-size:24px;} .bonus-title {font-size:16px;} .faq-question {font-size:14px;}} @media (max-width:640px) {.sticky-mobile-cta {display:block;} body {padding-bottom:68px;} .hero-trust-inner {gap:8px;} .hero-trust-divider {display:none;} .card-role-label {display:none;}}