
:root{--navy:#102d38;--navy2:#193e49;--mint:#aff0ce;--gold:#f6c082;--cream:#f8f6f1;--paper:#fff;--ink:#203841;--muted:#657983;--line:#dde6e2;--shadow:0 13px 40px #193d4520}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.75 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;overflow-wrap:anywhere}a{color:#176d68}a:hover{text-decoration-color:#cf954d}h1,h2,h3{line-height:1.22;letter-spacing:-.025em}h1{font-size:clamp(2.1rem,4.5vw,3.8rem)}h2{font-size:clamp(1.55rem,2.4vw,2.25rem);margin:0 0 15px}h3{font-size:1.22rem}p{margin:0 0 17px}.container{max-width:1210px;margin:0 auto;padding:0 22px}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:12px;background:white;padding:10px;z-index:100}.header{background:var(--navy);color:white;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:25}.header-inner{min-height:75px;display:flex;align-items:center;gap:20px;justify-content:space-between}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.015em}.brand-symbol{background:var(--mint);color:var(--navy);width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-weight:950;font-size:20px}.brand span:last-child{line-height:1.2}.brand small{display:block;font-size:.64rem;font-weight:650;letter-spacing:.15em;color:#bce3da}.header nav{display:flex;gap:16px;align-items:center}.header nav a{color:#e5f1f0;text-decoration:none;font-weight:700;font-size:.82rem;white-space:nowrap}.header nav a:hover{color:var(--gold)}.breadcrumbs{padding:17px 0;color:#607a79;font-size:.83rem}.breadcrumbs a{text-decoration:none}.hero{padding:clamp(30px,5vw,60px);background:linear-gradient(120deg,#0f3038,#23575b 75%,#387b70);color:white;border-radius:24px;position:relative;overflow:hidden}.hero:after{content:'';width:280px;height:280px;border:1px solid #ffffff2d;position:absolute;right:-90px;top:-90px;border-radius:50%;pointer-events:none}.hero h1{margin:10px 0 15px;max-width:980px}.hero p{color:#e3f1ef;font-size:clamp(1rem,1.45vw,1.14rem);max-width:870px}.eyebrow{font-size:.77rem;color:#ffe2b8;text-transform:uppercase;font-weight:850;letter-spacing:.14em}.byline{color:#c8e2dd;font-size:.79rem;margin-top:15px}.toc{display:flex;gap:9px;overflow-x:auto;padding:20px 0 3px;scrollbar-width:thin}.toc a{flex:0 0 auto;border-radius:30px;background:white;border:1px solid var(--line);padding:8px 14px;text-decoration:none;font-weight:750;color:#29555b;font-size:.8rem}.section{background:white;border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow);padding:clamp(22px,3.3vw,41px);margin:22px 0;scroll-margin-top:95px}.subheading{font-size:.79rem;text-transform:uppercase;color:#36766c;font-weight:900;letter-spacing:.09em}.section-lead{max-width:850px;color:var(--muted)}.rank-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:23px}.rank-card{min-width:0;background:linear-gradient(155deg,#102e3b,#23545a);border-radius:17px;padding:18px;color:white;display:flex;flex-direction:column;box-shadow:0 10px 22px #10323929}.rank-n{font-size:.73rem;color:var(--gold);font-weight:850;letter-spacing:.13em}.casino-logo{height:82px;background:white;border-radius:13px;padding:13px;display:flex;align-items:center;justify-content:center;margin:13px 0}.casino-logo img{max-width:100%;max-height:100%;object-fit:contain}.rank-card h3{font-size:1.2rem;color:white;margin:0 0 7px}.rating{color:#ffce8e;font-size:1.08rem;font-weight:850}.bonusname{margin-top:13px;color:#bbebe1;letter-spacing:.09em;font-weight:900;font-size:.68rem;text-transform:uppercase}.bonus{font-size:1.03rem;font-weight:850;line-height:1.4;margin:3px 0 9px;color:white}.rank-card .highlight{color:#cfe9e5;font-size:.79rem;line-height:1.5;min-height:54px}.cta{margin-top:auto;display:block;background:var(--mint);color:#10343a;text-align:center;text-decoration:none;font-weight:850;font-size:.9rem;border-radius:11px;padding:12px}.cta:hover{background:#d9ffe9}.fine{font-size:.72rem;color:#cbe2df;margin:10px 0 0}.table-wrap{overflow-x:auto;border-radius:13px;border:1px solid var(--line);margin:18px 0}table{width:100%;border-collapse:collapse;min-width:620px}th{background:#16414c;color:#fff;text-align:left;padding:14px;font-size:.87rem}td{padding:14px;border-bottom:1px solid #e5eeea;vertical-align:top;font-size:.9rem}tr:nth-child(even) td{background:#f5faf7}.review-grid{display:grid;gap:20px}.review{border:1px solid var(--line);border-radius:18px;overflow:hidden}.review-layout{display:grid;grid-template-columns:minmax(0,43%) minmax(0,1fr)}.review figure{margin:0;background:#eaf1ef;padding:13px;display:flex;align-items:center;justify-content:center}.review figure img{max-width:100%;width:100%;height:auto;max-height:440px;object-fit:contain;display:block}.review-body{padding:23px}.review-head{display:flex;align-items:center;gap:15px}.review-head img{width:74px;height:58px;object-fit:contain;border:1px solid var(--line);padding:5px;border-radius:9px}.review-head h3{margin:0 0 3px}.review-body ul{padding-left:22px}.review-body li{margin:8px 0}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.proscons>div{background:#f1f6f2;border:1px solid #dbe8e2;border-radius:12px;padding:15px}.proscons h4{margin:0 0 8px}.proscons ul{margin:0;font-size:.86rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-grid article{background:#f4faf6;border:1px solid #dceae3;border-radius:14px;padding:20px}.info-grid h3{margin:0 0 10px}.info-grid p{margin:0;font-size:.9rem}.note{border-left:4px solid #b38945;background:#fff8ec;padding:18px;border-radius:11px;margin:18px 0}.faq details{padding:14px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:800}.faq details p{margin:12px 0 0}.footer{background:#102d38;color:#d1e7e2;padding:45px 0 23px;margin-top:55px}.footer-columns{display:grid;grid-template-columns:1fr 2fr;gap:35px}.footer a{color:#d9f3eb;text-decoration:none}.footer a:hover{text-decoration:underline}.footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.footer nav a{font-size:.82rem}.footer-bottom{border-top:1px solid #ffffff28;padding-top:17px;margin-top:28px;color:#a9c8c2;font-size:.78rem}.topbutton{position:fixed;right:14px;bottom:14px;background:#214e53;color:white;padding:8px 13px;border-radius:12px;text-decoration:none;box-shadow:0 4px 18px #0003}.responsive-details{margin:12px 0}
@media(max-width:1150px){.rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.container{padding:0 15px}.header{position:static}.header nav{display:none}.header-inner{min-height:66px}.brand{font-size:.91rem}.hero{border-radius:15px;padding:30px 22px}.section{padding:23px 19px;border-radius:16px;margin:15px 0}.rank-grid{grid-template-columns:1fr;gap:12px}.rank-card{display:grid;grid-template-columns:96px 1fr;gap:3px 14px;align-items:start}.rank-n{grid-column:1 / -1}.casino-logo{grid-row:2 / 6;margin:3px 0;height:94px;padding:8px}.rank-card h3{margin:0}.rank-card .bonusname,.rank-card .bonus,.rank-card .rating,.rank-card .highlight{grid-column:2}.rank-card .bonusname{margin:4px 0 0}.rank-card .highlight{min-height:0}.rank-card .cta,.rank-card .fine{grid-column:1 / -1}.review-layout{grid-template-columns:1fr}.review figure img{max-height:none}.proscons{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr}.footer nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:425px){.rank-card{grid-template-columns:76px 1fr;padding:15px;gap:3px 10px}.casino-logo{height:76px}.rank-card h3{font-size:1.05rem}.bonus{font-size:.93rem}.footer nav{grid-template-columns:1fr}table{min-width:530px}}
