*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Segoe UI',Arial,sans-serif;background:#f1f2f3;color:#2b2b2b;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}
.btn{display:inline-block;border-radius:24px;font-weight:700;cursor:pointer;text-align:center;border:none;transition:.2s}
.btn-ghost{background:#fff;color:#1a1a1a;border:1px solid #d3d6d9;padding:8px 16px}
.btn-green{background:#1ee07a;color:#10241a;padding:8px 18px}
.btn-green:hover{background:#19c66c}
.btn-lg{padding:14px 34px;font-size:17px}
.site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.hwrap{display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:1100px;margin:0 auto}
.brand{display:flex;align-items:center;gap:6px;font-weight:800;font-size:20px}
.burger{margin-left:auto;background:none;border:none;display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:6px}
.burger span{width:22px;height:2px;background:#222;display:block}
.hbtns{display:flex;gap:8px;margin-left:8px}
.mnav{display:none;flex-direction:column;background:#fff;border-top:1px solid #eee;padding:8px 16px}
.mnav.open{display:flex}
.mnav a{padding:10px 0;border-bottom:1px solid #f0f0f0;font-weight:600}
@media(min-width:760px){.burger{display:none}.mnav{display:flex;flex-direction:row;justify-content:center;gap:24px;border-top:1px solid #eee}.mnav a{border:none}}
.hero{position:relative;background:#222 url('https://www.google.com/search?q=green+casino+chips+10bet+banner&tbm=isch') center/cover;min-height:340px;display:flex;align-items:center;background-image:linear-gradient(135deg,#1c2a22,#0e1713)}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(30,224,122,.25),transparent 60%)}
.hero-inner{position:relative;z-index:2;padding:28px 18px 34px;max-width:1100px;margin:0 auto;width:100%}
.hero-badge{display:inline-block;background:#0e1713;border:2px solid #1ee07a;color:#1ee07a;border-radius:50%;width:56px;height:56px;line-height:52px;text-align:center;font-size:11px;font-weight:700;margin-bottom:12px}
.hero-title{color:#fff;font-size:clamp(24px,7vw,40px);font-weight:800;line-height:1.1}
.hero-head{color:#cfeede;font-size:clamp(15px,3.5vw,20px);font-weight:600;margin:14px 0 8px;max-width:560px}
.hero-sub{color:#aebfb5;font-size:14px;max-width:560px;margin-bottom:18px}
.hero-terms{color:#7f8c85;font-size:11px;margin-top:14px;max-width:560px;background:rgba(0,0,0,.3);padding:8px 10px;border-radius:6px}
.crumbs{max-width:1100px;margin:0 auto;padding:10px 16px;font-size:13px;color:#777;display:flex;gap:8px}
.crumbs span{color:#aaa}
.cats{display:flex;gap:10px;overflow-x:auto;padding:4px 16px 14px;max-width:1100px;margin:0 auto}
.cat{flex:0 0 auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e3e5e7;border-radius:24px;padding:9px 16px;font-weight:600;font-size:14px;white-space:nowrap}
.cat:first-child{background:#3b3b3b;color:#fff}
.cat:first-child svg circle[fill]{fill:#1ee07a}
.tools{max-width:1100px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:10px}
.searchbox,.filterbox{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e5e7;border-radius:12px;padding:12px 14px}
.searchbox input{border:none;outline:none;width:100%;font-size:15px;background:transparent}
.filterbox{font-weight:600;color:#444}
.trending{max-width:1100px;margin:0 auto;padding:22px 16px}
.trend-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.trend-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800}
.seeall{color:#5a6a62;font-size:13px;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:760px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{background:#c8cdcb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;transition:.2s}
.card:hover{transform:translateY(-3px)}
.card-logo{flex:1;display:flex;align-items:center;justify-content:center}
.card-name{background:rgba(0,0,0,.45);color:#fff;font-size:12px;font-weight:600;padding:7px 10px}
.content{max-width:820px;margin:10px auto 0;background:#fff;padding:26px 18px 34px;border-radius:14px}
.content h1{font-size:clamp(22px,5vw,30px);line-height:1.2;margin-bottom:18px;font-weight:800}
.content h2{font-size:clamp(18px,4vw,23px);margin:26px 0 12px;font-weight:800}
.content h3{font-size:clamp(15px,3.5vw,18px);margin:18px 0 8px;font-weight:700}
.content p{margin-bottom:12px;font-size:15px;color:#3a3a3a}
.content a{color:#16a560;font-weight:600}
.content strong{color:#1a1a1a}
.site-footer{background:#4c4c4c;color:#d7d9d8;margin-top:24px;padding:26px 16px 60px}
.fcols{max-width:1100px;margin:0 auto}
.fcol{border-bottom:1px solid #5e5e5e}
.fhead{display:flex;justify-content:space-between;padding:14px 0;font-weight:700;cursor:pointer;color:#fff}
.facc{display:none;flex-direction:column;padding-bottom:10px}
.facc.open{display:flex}
.facc a{padding:6px 0;font-size:14px;color:#c4c6c5}
.flicence{max-width:1100px;margin:20px auto 0}
.ftitle{color:#fff;font-weight:700;font-size:16px;margin-bottom:10px}
.flicence p{font-size:13px;margin-bottom:8px;line-height:1.5}
.flicence a{color:#1ee07a}
.pays{display:flex;flex-wrap:wrap;gap:8px}
.pays span{background:#3c3c3c;border-radius:6px;padding:8px 12px;font-size:12px;color:#cfcfcf}
.foottext{max-width:1100px;margin:22px auto 0;border-top:1px solid #5e5e5e;padding-top:16px}
.foottext p{font-size:12px;color:#bdbfbe}
.foottext a{color:#1ee07a}
.totop{position:fixed;right:14px;bottom:18px;background:#1ee07a;color:#10241a;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.25);z-index:60}