
:root{--bg:#071522;--bg2:#0c2235;--card:#102b43;--line:#274b68;--text:#f7fbff;--muted:#a9bed0;--gold:#ffbd3a;--green:#18c66b;--green2:#0ca75a;--max:1180px;--radius:16px;--shadow:0 16px 46px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#071522,#091b2a 48%,#071522);color:var(--muted);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.68}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(7,21,34,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}.top-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:270px;max-width:50vw;display:block}.nav{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:800}.nav a{color:#d9e6ef}.nav a:hover{color:var(--gold)}.menu-btn{display:none;background:#102b43;border:1px solid var(--line);color:#fff;border-radius:10px;padding:9px 12px;font-weight:800}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;padding:13px 0;font-size:13px}.breadcrumbs a{color:#e1edf5}.hero{padding:48px 0 30px;background:radial-gradient(circle at 82% 16%,rgba(25,198,107,.15),transparent 32%)}.eyebrow{display:inline-block;color:var(--gold);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hero h1{color:#fff;font-size:clamp(38px,6vw,66px);line-height:1.06;letter-spacing:-.04em;margin:9px 0 15px}.hero-copy{font-size:18px;max-width:920px}.author{font-size:14px;margin-top:18px}.intro-toggle{margin-top:15px;border:0;border-radius:11px;background:var(--gold);color:#091522;padding:12px 18px;font-weight:900;cursor:pointer}.intro{display:none;max-width:1000px;margin-top:18px}.intro.open{display:block}.section{padding:42px 0}.section.alt{background:rgba(255,255,255,.018)}h2,h3{color:#fff;line-height:1.2}h2{font-size:clamp(27px,4vw,40px);margin:0 0 18px}h3{font-size:21px;margin:1.5rem 0 .55rem}.lead{font-size:17px;max-width:980px}.rating-list{display:grid;gap:13px}.casino-row{display:grid;grid-template-columns:50px minmax(180px,1.1fr) minmax(200px,1.25fr) 90px minmax(155px,.9fr) minmax(210px,1.05fr) 125px;gap:12px;align-items:center;background:linear-gradient(110deg,#102b43,#0b2237);border:1px solid #b98217;border-radius:15px;padding:14px}.rank{width:40px;height:40px;border-radius:10px;background:var(--gold);color:#151006;display:grid;place-items:center;font-weight:950}.casino-id{display:flex;align-items:center;gap:12px;min-width:0}.logo-box{width:86px;height:52px;border-radius:9px;border:1px solid var(--line);background:#06111d;display:flex;align-items:center;justify-content:center;padding:6px;flex-shrink:0}.logo-box img{max-width:100%;max-height:100%;object-fit:contain}.casino-title{color:#fff;font-weight:900}.bonus small,.pay small{display:block;text-transform:uppercase;font-weight:800;font-size:10px;color:#7f99ae}.bonus strong{color:var(--gold);font-size:15px}.score{color:var(--gold);font-weight:900}.features{margin:0;padding:0;list-style:none;font-size:13px}.features li:before{content:'•';color:var(--gold);margin-right:6px}.pay{font-size:13px}.cta{display:flex;min-height:46px;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(#20d978,#12b95e);color:#fff;font-weight:900;text-align:center;padding:10px}.card,.notice,.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.12)}.card{padding:22px}.notice{padding:18px;border-left:4px solid var(--gold)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-wrap{overflow:auto;margin:18px 0}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#163553;color:#fff;font-size:12px;text-transform:uppercase}.content{max-width:1030px}.content h2{margin-top:2.7rem}.content p{margin:.75rem 0 1rem}.content ul,.content ol{padding-left:1.35rem}.content li{margin:.45rem 0}.content a{color:#7cd9ff;text-decoration:underline;text-underline-offset:3px}.content strong{color:#fff}.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 17px;margin:10px 0}.faq summary{color:#fff;font-weight:850;cursor:pointer}.footer{border-top:1px solid var(--line);background:#050f19;padding:34px 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.footer img{width:250px}.footer h3{margin-top:0}.footer a{display:block;margin:7px 0}.legal{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:12px}.simple-page{min-height:60vh}.simple-page .card{max-width:900px}.simple-page h2{margin-top:2rem}.simple-page h2:first-child{margin-top:0}
@media(max-width:1000px){.casino-row{grid-template-columns:48px minmax(170px,1fr) minmax(190px,1fr) 85px}.features,.pay{grid-column:2/4}.cta{grid-column:4}.nav{display:none}.menu-btn{display:block}.topbar.open .nav{display:flex;position:absolute;top:70px;left:16px;right:16px;flex-direction:column;align-items:stretch;background:#0a1d30;border:1px solid var(--line);padding:14px;border-radius:13px}.topbar.open .nav a{padding:8px}}
@media(max-width:680px){.container{width:min(100% - 20px,var(--max))}.top-inner{min-height:66px}.brand img{width:215px;max-width:72vw}.hero{padding:30px 0 18px}.hero h1{font-size:clamp(34px,11vw,50px)}.hero-copy{font-size:16px}.section{padding:28px 0}.casino-row{grid-template-columns:46px minmax(0,1fr) 80px;grid-template-areas:'rank casino score' 'bonus bonus bonus' 'features features features' 'pay pay pay' 'cta cta cta';gap:10px;padding:12px}.rank{grid-area:rank}.casino-id{grid-area:casino}.logo-box{width:66px;height:44px}.score{grid-area:score;text-align:right;font-size:12px}.bonus{grid-area:bonus}.features{grid-area:features;display:grid;grid-template-columns:1fr 1fr;gap:3px 8px}.pay{grid-area:pay}.cta{grid-area:cta;width:100%}.grid-2,.footer-grid{grid-template-columns:1fr}table{font-size:13px}.intro-toggle{width:100%}}
