:root{--bg:#f7f8f3;--surface:#fff;--surface-2:#eff3ea;--text:#132018;--muted:#566358;--line:#cfdbcd;--accent:#226d44;--accent-soft:#dff2e4;--accent-strong:#164b2f;--radius-lg:1.2rem;--radius-md:.9rem;--shadow-soft:0 16px 34px #13201814}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:radial-gradient(circle at 12% 0%, #e8f7dd 0%, transparent 40%), radial-gradient(circle at 84% 20%, #e6eee3 0%, transparent 35%), var(--bg);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}.shell{width:min(1120px,92vw);margin-inline:auto}.site-header{z-index:30;-webkit-backdrop-filter:saturate(140%)blur(6px);backdrop-filter:saturate(140%)blur(6px);background:color-mix(in oklab, var(--bg) 84%, white);border-bottom:1px solid var(--line);position:sticky;top:0}.header-shell{justify-content:space-between;align-items:center;gap:1rem;min-height:4.2rem;display:flex}.brand-mark{letter-spacing:.01em;align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.brand-dot{background:var(--accent);width:.72rem;height:.72rem;box-shadow:0 0 0 6px color-mix(in oklab, var(--accent) 16%, transparent);border-radius:50%}.header-nav{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.header-nav a{height:2.1rem;color:var(--muted);border-radius:999px;align-items:center;padding:0 .7rem;font-size:.93rem;transition:color .18s ease-out,background-color .18s ease-out;display:inline-flex}.header-nav a:hover{color:var(--text);background:var(--surface-2)}.hero{grid-template-columns:1.25fr .75fr;gap:clamp(1.2rem,3vw,2.2rem);padding:clamp(2rem,5vw,4.8rem) 0 2rem;display:grid}.hero-content h1{text-wrap:balance;max-width:18ch;margin:.2rem 0 1rem;font-size:clamp(2rem,4.7vw,3.8rem);line-height:1.08}.hero-content>p{color:var(--muted);max-width:50ch;margin:0}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;display:flex}.hero-panel{background:linear-gradient(145deg, var(--surface), #f2f8ef);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1.3rem 1.2rem}.hero-panel h2{margin:.35rem 0 .8rem;font-size:clamp(1.3rem,2.5vw,2rem)}.hero-panel ul{color:var(--muted);gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:.73rem;font-weight:700}.trust-strip{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);align-items:center;gap:.75rem;padding:1.15rem 0;display:grid}.trust-strip p{color:var(--muted);margin:0}.trust-strip div{flex-wrap:wrap;gap:.75rem;display:flex}.trust-strip a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.42rem .75rem;font-size:.88rem}.showcase-grid{grid-template-columns:.7fr 1.3fr;gap:1.2rem;padding:clamp(1.8rem,4vw,3.2rem) 0;display:grid}.spotlight-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-self:start;padding:1.15rem;position:sticky;top:5rem}.spotlight-logo{align-items:center;min-height:2.6rem;margin:.4rem 0 .2rem;display:flex}.spotlight-logo .casino-logo{object-fit:contain;object-position:left center;width:auto;max-width:11rem;height:2.4rem}.spotlight-panel h2{margin:.35rem 0 .55rem}.spotlight-panel p{color:var(--muted);margin:0}.spotlight-panel ul{flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.spotlight-panel li{background:var(--surface-2);border-radius:999px;padding:.25rem .6rem;font-size:.78rem}.casino-list-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.9rem;display:grid}.casino-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);gap:.72rem;padding:.9rem;display:grid}.casino-top{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.logo-wrap{align-items:center;min-height:2.8rem;display:flex}.casino-logo{object-fit:contain;width:auto;height:2rem}.logo-fallback{border:1px solid var(--line);min-height:2rem;color:var(--accent-strong);background:var(--surface-2);border-radius:999px;justify-content:center;align-items:center;padding:0 .6rem;font-size:.77rem;display:inline-flex}.casino-score{color:var(--accent-strong);margin:0;font-size:.87rem;font-weight:700}.casino-card h3{margin:0;font-size:1.1rem}.casino-description{color:var(--muted);margin:0;font-size:.9rem}.casino-tags{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.casino-tags li{color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;padding:.2rem .52rem;font-size:.74rem}.casino-meta{gap:.35rem;display:grid}.casino-meta p{gap:.08rem;margin:0;display:grid}.casino-meta span{color:var(--muted);font-size:.72rem}.casino-meta strong{font-size:.86rem}.casino-actions{flex-wrap:wrap;gap:.55rem;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:2.2rem;padding:.5rem .9rem;font-size:.86rem;font-weight:600;transition:transform .18s cubic-bezier(.23,1,.32,1),background-color .18s ease-out,color .18s ease-out;display:inline-flex}.button:active{transform:scale(.97)}.button-primary{background:var(--accent);color:#f4f9f5}.button-primary:hover{background:var(--accent-strong)}.button-secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.button-secondary:hover{background:var(--surface-2)}.method-section{gap:1.1rem;padding:.8rem 0 2rem;display:grid}.method-section h2{margin:.35rem 0 0}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.method-grid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:.95rem}.method-grid h3{margin:0 0 .42rem}.method-grid p{color:var(--muted);margin:0}.faq-section{padding:1rem 0 2.5rem}.faq-section h2{margin:0 0 .8rem}.faq-list{gap:.6rem;display:grid}.faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:.8rem .9rem}.faq-list summary{cursor:pointer;font-weight:600}.faq-list p{color:var(--muted);max-width:75ch;margin:.6rem 0 0}.internal-stack{gap:1rem;padding:clamp(1.5rem,4vw,3rem) 0 2.8rem;display:grid}.internal-hero h1{margin:.3rem 0 .7rem;font-size:clamp(1.7rem,4vw,3rem)}.internal-hero p{color:var(--muted);max-width:60ch;margin:0}.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.timeline-grid article,.bonus-columns article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:.95rem}.timeline-grid h2,.bonus-columns h2{margin:0 0 .35rem;font-size:1.1rem}.timeline-grid p,.bonus-columns p{color:var(--muted);margin:0}.responsible-layout{grid-template-columns:1fr .9fr;gap:.9rem;display:grid}.responsible-layout article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem}.responsible-layout h2{margin:0 0 .6rem}.responsible-layout ul{color:var(--muted);gap:.4rem;margin:0;padding-left:1rem;display:grid}.safety-links{gap:.45rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.safety-links a{color:var(--accent-strong);text-underline-offset:.18rem;text-decoration:underline}.bonus-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;display:grid}.bonus-columns ul{color:var(--muted);gap:.26rem;margin:.7rem 0;padding-left:1rem;display:grid}.payout-table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:.78rem;font-size:.92rem}thead th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.05em;font-size:.81rem}tbody tr:last-child td{border-bottom:0}tbody a{color:var(--accent-strong);text-underline-offset:.18rem;text-decoration:underline}.site-footer{border-top:1px solid var(--line);background:linear-gradient(#eff5ec,#edf4e9);margin-top:2rem;padding:2rem 0 1rem}.footer-layout{grid-template-columns:1.1fr .9fr;gap:1.2rem;display:grid}.site-footer h2{margin:.35rem 0 .6rem}.site-footer p{color:var(--muted);max-width:66ch;margin:0}.footer-nav{gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.footer-nav a{width:fit-content;color:var(--accent-strong);text-underline-offset:.2rem;text-decoration:underline;display:inline-flex}.footer-quick-links{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.footer-quick-links button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:.4rem .75rem;font-size:.82rem}.footer-legal{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.55rem;margin-top:1rem;padding-top:.9rem;display:flex}.footer-legal p{margin:0;font-size:.81rem}.drawer-backdrop,.age-gate{z-index:60;background:#07100a8a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.drawer-card,.age-gate-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line);gap:.6rem;width:min(540px,100%);padding:1rem;display:grid}.drawer-card h3,.age-gate-card h3{margin:.2rem 0}.drawer-card p,.age-gate-card p{color:var(--muted);margin:0}.drawer-close{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:999px;justify-self:end;padding:.34rem .7rem}.drawer-card a,.age-gate-card a{color:var(--accent-strong);text-underline-offset:.18rem;text-decoration:underline}.cookie-banner{z-index:50;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(900px,95vw);box-shadow:var(--shadow-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.cookie-banner p{color:var(--muted);max-width:65ch;margin:0;font-size:.9rem}.cookie-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (hover:hover) and (pointer:fine){.casino-card:hover,.method-grid article:hover,.timeline-grid article:hover,.bonus-columns article:hover{transition:transform .22s cubic-bezier(.23,1,.32,1);transform:translateY(-2px)}}@media (max-width:980px){.hero,.showcase-grid,.method-grid,.footer-layout,.timeline-grid,.responsible-layout{grid-template-columns:1fr}.spotlight-panel{position:static}}@media (max-width:760px){.header-shell{flex-direction:column;align-items:flex-start;padding:.8rem 0}.header-nav a{font-size:.84rem}.hero-content h1{max-width:14ch}}
