:root{--scale:1;--ink:#111326;--purple:#5f20df;--violet:#7130ed;--line:#e5e6f1;--muted:#555d78;--soft:#faf9ff;--orange:#ff9818}
*{box-sizing:border-box}html{background:#f7f7fb;overflow-x:hidden;scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}
body{margin:0;width:100%;min-width:0;background:#f7f7fb;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;overflow-x:hidden}
button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block}
.fit-shell{position:absolute;left:0;top:0;width:853px;transform:scale(var(--scale));transform-origin:top left}.page{width:853px;min-height:0;padding-bottom:112px;background:#fff;overflow:hidden}
.topbar{height:101px;padding:0 27px 0 35px;display:grid;grid-template-columns:1fr 48px 48px;gap:16px;align-items:center;background:#fff}.topbar.login-head{grid-template-columns:1fr 48px 111px}
.brand img{width:355px;height:78px;object-fit:contain}.head-btn{border:0;background:transparent;padding:0}.head-btn img{width:43px;height:43px;object-fit:contain}
.login{height:48px;border:1.5px solid var(--purple);border-radius:8px;background:#fff;color:var(--purple);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}.login img{width:25px;height:25px}
.hero{position:relative;height:343px;padding:39px 38px;background:#fff;color:var(--ink);overflow:hidden}.hero .art{position:absolute;right:0;top:0;object-fit:cover}
.hero h1{position:relative;z-index:1;margin:0 0 17px;width:515px;font-size:39px;line-height:1.15;letter-spacing:-.6px}.hero h1 em{display:block;color:var(--purple);font-style:normal}
.hero p{position:relative;z-index:1;margin:0;width:430px;font-size:16px;line-height:1.55;color:#3f465e}.home-hero .art{width:397px;height:344px}.bonus-hero .art{width:393px;height:292px}.rank-hero .art{width:433px;height:300px}.compare-hero .art{width:430px;height:280px}.more-hero .art{width:443px;height:270px}
.hero-badges{position:absolute;left:38px;bottom:19px;z-index:1;display:grid;grid-template-columns:repeat(3,132px);gap:10px}.hero-badges.four{grid-template-columns:repeat(4,128px)}
.hero-badges span{height:55px;border-radius:8px;background:#fbf8ff;padding:10px 8px 8px 46px;font-size:13px;font-weight:700;line-height:1.25;position:relative}.hero-badges i{position:absolute;left:8px;top:7px;width:42px;height:42px;font-style:normal}.hero-badges i img{width:42px;height:42px;object-fit:contain}
.searchbar{height:70px;margin:0 33px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;gap:10px;box-shadow:0 5px 16px #2714540d}.searchbar label{flex:1;display:flex;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:11px}.searchbar input{width:100%;border:0;outline:0;font-size:14px}.searchbar button{width:140px;border:0;border-radius:22px;background:var(--purple);color:#fff;font-weight:700}
.quick{height:137px;margin:12px 33px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 4px 15px #29134d0c}.quick a{text-align:center;padding-top:15px;font-size:13px;font-weight:700}.quick img{width:58px;height:58px;object-fit:contain;margin:0 auto 5px}
.section{margin:0 33px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 4px 16px #2e1b560b}.section-head{height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.section-head h2{margin:0;font-size:21px}.section-head a,.section-head button{border:0;background:transparent;color:var(--purple);font-size:14px;font-weight:700}
.casino-list{padding:0 18px 13px}.casino-row{height:105px;border-top:1px solid var(--line);display:grid;grid-template-columns:40px 76px 1fr 92px 122px;align-items:center;gap:12px}.casino-row:first-child{border-top:0}.rank-pill{width:34px;height:34px;border-radius:9px;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:700}.casino-logo{width:70px;height:70px;border-radius:9px;object-fit:contain}.casino-info b{font-size:16px}.casino-info small{display:block;margin-top:6px;color:#414a66;font-size:12px}.tag{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:5px;background:#e9f9ef;color:#198052;font-size:10px}.score{text-align:center}.score strong{font-size:20px}.score small{display:block;margin-top:4px;color:#59617a}.purple-btn{height:42px;border:0;border-radius:7px;background:var(--purple);color:#fff;font-weight:700}.view-full{height:44px;margin:0 18px 16px;border:1px solid #bfa5ff;border-radius:7px;background:#fff;color:var(--purple);font-weight:700;width:calc(100% - 36px)}
.why{padding:15px 18px 21px}.why h2{font-size:20px;margin:0 0 15px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr)}.why-grid article{height:103px;text-align:center;border-right:1px solid var(--line);padding:5px 9px}.why-grid article:last-child{border:0}.why-grid img{width:54px;height:54px;object-fit:contain;margin:0 auto -3px}.why-grid b{display:block;font-size:13px}.why-grid p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.35}
.bonus-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:0 18px 18px}.bonus-card{height:176px;border:1px solid var(--line);border-radius:9px;padding:12px;background:linear-gradient(135deg,#f1fff7,#fff)}.bonus-card img{width:55px;height:55px;object-fit:contain}.bonus-card b{display:block;font-size:13px;margin:4px 0}.bonus-card strong{font-size:16px;line-height:1.35}.bonus-card a{display:block;margin-top:10px;color:#0a9c55;font-size:12px;font-weight:700}
.guide-list{padding:0 18px 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-item{height:68px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:55px 1fr 18px;align-items:center;padding:7px 12px}.guide-item img{width:48px;height:48px;object-fit:contain}.guide-item b{font-size:13px}.guide-item small{display:block;color:var(--muted);margin-top:4px}

.bonus-search{margin-top:-18px}.bonus-categories{height:160px;margin-top:14px;display:grid;grid-template-columns:repeat(5,1fr);padding:18px 0}.bonus-categories button{border:0;border-right:1px solid var(--line);background:#fff;text-align:center}.bonus-categories button:last-child{border:0}.bonus-categories img{width:60px;height:60px;object-fit:contain;margin:auto}.bonus-categories b{display:block;font-size:13px;line-height:1.25}.bonus-categories span{display:block;color:var(--purple);margin-top:7px;font-size:12px;font-weight:700}
.bonus-offer{height:107px;border-top:1px solid var(--line);display:grid;grid-template-columns:38px 72px 1fr 120px 135px;gap:10px;align-items:center}.bonus-offer:first-child{border-top:0}.bonus-offer[hidden]{display:none!important}.max-value small{display:block;color:var(--muted);margin-bottom:6px}.max-value strong{font-size:20px}.claim{text-align:center}.claim button{width:125px}.claim small{display:block;margin-top:7px;color:#626a82;font-size:11px}.faq{padding:0 18px 15px}.faq button{width:100%;height:38px;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.faq p{display:none;margin:0 0 10px;color:var(--muted);font-size:12px}.faq article.open p{display:block}

.filters{height:62px;margin:0 33px 17px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:repeat(5,1fr);padding:7px;background:#fff}.filters button{border:0;border-right:1px solid var(--line);background:#fff;color:#303950;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.filters button:first-child{color:var(--purple)}.filters img{width:32px;height:32px;object-fit:contain}
.ranking-list .casino-row{grid-template-columns:40px 76px 1fr 110px 122px;height:111px}.rank-trust{padding:18px}.search-pills{display:flex;flex-wrap:wrap;gap:9px;padding:0 18px 19px}.search-pills button{height:30px;padding:0 13px;border:1px solid #d8ccf7;border-radius:16px;background:#fff;color:#523388;font-size:11px}

.compare-box{padding:18px}.compare-picker{height:120px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.compare-pick{border:1px solid var(--line);border-radius:8px;background:#fff;text-align:center;padding:9px;position:relative}.compare-pick.selected{border:2px solid var(--purple);background:#fbf8ff}.compare-pick img{width:63px;height:63px;object-fit:contain;margin:auto}.compare-pick b{font-size:12px}.comparison-grid{display:grid;grid-template-columns:135px repeat(5,1fr);margin-top:14px;border:1px solid var(--line)}.comparison-grid>div{min-height:55px;border-right:1px solid var(--line);border-top:1px solid var(--line);padding:10px 6px;text-align:center;font-size:11px;line-height:1.35}.comparison-grid>div:nth-child(-n+6){border-top:0}.comparison-grid>div:nth-child(6n){border-right:0}.comparison-grid .label{text-align:left;font-weight:700;display:flex;align-items:center}.compare-how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 18px 18px}.compare-how article{height:100px;border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;grid-template-columns:52px 1fr;gap:9px}.compare-how img{width:52px;height:52px;object-fit:contain}.compare-how b{font-size:13px}.compare-how p{font-size:10px;color:var(--muted);margin:5px 0 0;line-height:1.35}

.more-tools{height:156px;margin-top:-12px;display:grid;grid-template-columns:repeat(6,1fr);padding:17px 0}.more-tools a{text-align:center;border-right:1px solid var(--line);font-size:12px;font-weight:700}.more-tools a:last-child{border:0}.more-tools img{width:52px;height:52px;object-fit:contain;margin:0 auto 6px}.more-tools small{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.more-list{padding:0 18px 14px}.more-row{height:75px;border-top:1px solid var(--line);display:grid;grid-template-columns:60px 1fr 20px;align-items:center}.more-row:first-child{border-top:0}.more-row img{width:54px;height:54px;object-fit:contain}.more-row b{font-size:13px}.more-row small{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:4px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0 18px 18px}.tool-grid article{height:122px;text-align:center;border-right:1px solid var(--line);padding:8px 14px 14px}.tool-grid article:last-child{border:0}.tool-grid img{width:54px;height:54px;object-fit:contain;margin:0 auto}.tool-grid b{display:block;font-size:13px;margin-top:2px}.tool-grid small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.news-list{padding:0 18px 15px}.news-list article{height:70px;border-top:1px solid var(--line);display:grid;grid-template-columns:108px 1fr 90px;align-items:center}.news-list article:first-child{border-top:0}.news-list img{width:98px;height:58px;object-fit:cover;border-radius:6px}.news-list b{font-size:12px}.news-list small{display:block;color:var(--muted);margin-top:4px}.newsletter{height:77px;margin:0 33px 15px;border:1px solid #d7c3ff;border-radius:10px;background:#fbf8ff;display:grid;grid-template-columns:1fr 330px;align-items:center;padding:12px 20px}.newsletter b{font-size:13px}.newsletter small{display:block;margin-top:5px;color:var(--muted)}.newsletter form{display:flex}.newsletter input{height:39px;flex:1;border:1px solid var(--line);border-radius:20px 0 0 20px;padding:0 15px}.newsletter button{width:96px;border:0;border-radius:0 20px 20px 0;background:var(--purple);color:#fff}

.bottomnav{position:fixed;left:0;bottom:0;width:853px;height:103px;transform:scale(var(--scale));transform-origin:bottom left;background:#fff;border-radius:38px 38px 0 0;box-shadow:0 -4px 18px #23124314;display:grid;grid-template-columns:repeat(5,1fr);z-index:20}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#69708a;font-size:13px;font-weight:700}.bottomnav a.active{color:var(--purple)}.bottomnav img{width:48px;height:48px;object-fit:contain}
.modal{position:fixed;inset:0;z-index:40;background:#14102788;display:grid;place-items:center}.modal-card{width:420px;background:#fff;border-radius:14px;padding:26px;text-align:center}.modal-card button{height:41px;padding:0 25px;border:0;border-radius:7px;background:var(--purple);color:#fff}.drawer{position:fixed;right:0;top:0;width:330px;height:100%;z-index:40;background:#fff;padding:25px;box-shadow:-5px 0 30px #0002}.drawer button{border:0;background:#fff;font-size:28px}.drawer a{display:block;padding:16px 0;border-bottom:1px solid var(--line);font-weight:700}[hidden]{display:none!important}
@media(max-width:853px){html{--scale:calc(100vw / 853)}}