:root{--green-main:#22c55e;--green-teal:#10b981;--green-bright:#4ade80;--bg-dark:#022c22;--bg-darker:#011a15;--bg-black:#020617;--card-bg:#0a3d2a;--card-bg-subtle:#0d3526;--card-border:#145a3c;--card-border-glow:#22c55e66;--text-light:#e2f5ea;--text-muted-green:#86efac;--text-sub:#94a3b8;--font-inter:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-poppins:"Poppins", -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-inter);background-color:var(--bg-dark);color:var(--text-light);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-poppins);color:#fff;font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.grid{display:grid}.flex{display:flex}.btn-primary-green{background:linear-gradient(90deg, var(--green-main), var(--green-teal));cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 18px #22c55e59;color:#fff!important}.btn-primary-green:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #22c55e80}.btn-outline-green{border:1.5px solid var(--green-main);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 22px;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex;color:var(--green-main)!important}.btn-outline-green:hover{background:var(--green-main);box-shadow:0 4px 15px #22c55e4d;color:#fff!important}.badge-tag{color:var(--green-main);text-transform:uppercase;letter-spacing:.5px;background:#22c55e26;border:1px solid #22c55e4d;border-radius:50px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.site-header{z-index:1000;border-bottom:2px solid var(--green-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#011a15 0%,#022c22 60%,#020617 100%);position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:.6rem 1.25rem;display:flex}.navbar-brand-link{align-items:center;gap:8px;display:flex}.navbar-logo{object-fit:contain;width:auto;height:42px}.navbar-menu{align-items:center;gap:4px;list-style:none;display:flex}.navbar-menu .nav-link{color:var(--text-muted-green);white-space:nowrap;border-radius:6px;padding:.45rem .7rem;font-size:.88rem;font-weight:500;transition:all .2s}.navbar-menu .nav-link:hover,.navbar-menu .nav-link.active{color:#fff;background:#22c55e33}.navbar-actions{align-items:center;gap:10px;display:flex}.lang-btn{border:1px solid var(--card-border);color:#fff;background:#ffffff14;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.lang-btn:hover{border-color:var(--green-main);background:#22c55e33}.mobile-toggle{color:var(--green-main);border:1px solid var(--card-border);border-radius:6px;padding:6px 10px;font-size:1.5rem;display:none}.hero-section{background:linear-gradient(135deg,#011a15 0%,#022c22 45%,#020617 100%);padding:60px 0 50px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e2e 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-120px;right:-100px}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;display:grid}.hero-content h1{margin-top:14px;margin-bottom:16px;font-size:clamp(2rem,3.8vw,2.9rem);font-weight:800;line-height:1.2}.hero-content h1 span{color:var(--green-main)}.hero-lead{color:var(--text-muted-green);max-width:580px;margin-bottom:26px;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-img-wrap{text-align:center;position:relative}.hero-img-wrap img{border:1px solid var(--card-border);border-radius:16px;width:100%;max-width:480px;margin:0 auto;box-shadow:0 20px 60px #0009}.stats-bar{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);background:linear-gradient(90deg,#010f0a,#022c22,#010f0a);padding:22px 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-item .num{color:var(--green-main);font-size:1.85rem;font-weight:800;line-height:1.1;font-family:var(--font-poppins)}.stat-item .lbl{color:var(--text-muted-green);margin-top:4px;font-size:.85rem}section{padding:65px 0}.section-title{text-align:center;margin-bottom:40px}.section-title h2{color:#fff;margin-bottom:10px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.section-title h2 .title-accent{color:var(--green-main)}.section-title p{color:var(--text-muted-green);max-width:640px;margin:0 auto;font-size:1rem}.divider-green{background:linear-gradient(90deg, var(--green-main), var(--green-teal));border-radius:2px;width:64px;height:4px;margin:14px auto 0}.features-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:14px;padding:28px 20px;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{border-color:var(--green-main);transform:translateY(-6px);box-shadow:0 12px 30px #22c55e33}.feature-icon{width:62px;height:62px;color:var(--green-main);background:linear-gradient(135deg,#22c55e33,#10b9811a);border:1px solid #22c55e59;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.6rem;display:flex}.feature-card h5{margin-bottom:8px;font-size:1.05rem}.feature-card p{color:var(--text-sub);font-size:.85rem;line-height:1.5}.game-cat-section{background:var(--bg-darker)}.game-cat-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.game-cat-card{border:1px solid var(--card-border);background:linear-gradient(135deg,#0d3526,#011a15);border-radius:16px;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;overflow:hidden}.game-cat-card:hover{border-color:var(--green-main);transform:translateY(-5px);box-shadow:0 10px 25px #22c55e40}.game-cat-card img{object-fit:cover;width:100%;height:180px;transition:transform .4s}.game-cat-card:hover img{transform:scale(1.04)}.game-cat-body{padding:18px}.game-cat-body h5{color:#fff;margin-bottom:6px;font-weight:700}.game-cat-body p{color:#86efac;font-size:.85rem}.vip-section{background:var(--bg-dark)}.vip-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1060px;margin:0 auto;display:grid}.vip-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;padding:34px 26px;transition:transform .25s;position:relative}.vip-card:hover{transform:translateY(-4px)}.vip-card.featured{border-color:var(--green-main);background:linear-gradient(160deg,#0d3d28,#022c22);box-shadow:0 0 35px #22c55e38}.vip-badge-top{background:linear-gradient(90deg, var(--green-main), var(--green-teal));color:#fff;white-space:nowrap;border-radius:50px;padding:4px 16px;font-size:.72rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.vip-card .tier-name{color:#fff;margin-top:6px;margin-bottom:6px;font-size:1.35rem;font-weight:800}.vip-card .tier-bonus{color:var(--green-main);margin-bottom:4px;font-size:2.1rem;font-weight:800}.vip-card .tier-desc{color:var(--text-muted-green);margin-bottom:20px;font-size:.85rem}.vip-card ul{text-align:left;margin:0 0 24px;list-style:none}.vip-card ul li{color:#cbd5e1;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:7px 0;font-size:.88rem;display:flex}.vip-card ul li i{color:var(--green-main);font-size:.85rem}.payment-section{background:var(--bg-darker)}.payment-badges-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:18px;display:flex}.payment-badge{background:var(--card-bg);border:1px solid var(--card-border);color:#e2f5ea;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.payment-badge:hover{border-color:var(--green-main);color:var(--green-main);transform:translateY(-2px);box-shadow:0 4px 15px #22c55e26}.payment-badge i{color:var(--green-main);font-size:1.15rem}.app-section{background:var(--bg-dark)}.app-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:3rem;display:grid}.app-features-list{flex-direction:column;gap:18px;display:flex}.app-feature-item{align-items:flex-start;gap:14px;display:flex}.app-feature-icon{width:44px;height:44px;color:var(--green-main);background:#22c55e1f;border:1px solid #22c55e40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.app-feature-text h6{margin-bottom:4px;font-size:.98rem}.app-feature-text p{color:var(--text-sub);font-size:.85rem;line-height:1.5}.app-store-btns{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.app-store-btn{border:1px solid var(--green-main);color:#fff;background:#22c55e1f;border-radius:10px;align-items:center;gap:10px;padding:10px 22px;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex}.app-store-btn:hover{color:var(--green-main);background:#22c55e40;transform:translateY(-2px)}.compare-section{background:var(--bg-darker)}.table-responsive{width:100%;overflow-x:auto}.compare-table{border-collapse:separate;border-spacing:0;border:1px solid var(--card-border);border-radius:14px;width:100%;overflow:hidden}.compare-table thead tr{background:linear-gradient(90deg,#0d3d28,#022c22)}.compare-table thead th{color:#fff;border-bottom:2px solid var(--green-main);text-align:left;padding:16px 20px;font-size:.95rem;font-weight:700}.compare-table tbody tr:nth-child(odd) td{color:#e2e8f0;background-color:#0a3d2a}.compare-table tbody tr:nth-child(2n) td{color:#e2e8f0;background-color:#0d3526}.compare-table tbody td{border-bottom:1px solid #ffffff0f;padding:14px 20px;font-size:.9rem}.compare-table tbody td:first-child{color:#fff;font-weight:600}.compare-table .check{color:var(--green-bright);font-weight:600}.compare-table .cross{color:#f87171;font-weight:600}.prose-section{background:var(--bg-dark)}.prose-grid{grid-template-columns:1.8fr 1fr;align-items:flex-start;gap:2.5rem;display:grid}.prose-content h2{margin-top:32px;margin-bottom:14px;font-size:1.55rem}.prose-content h3{color:var(--green-main);margin-top:24px;margin-bottom:10px;font-size:1.25rem}.prose-content p{color:var(--text-sub);margin-bottom:16px;font-size:.95rem;line-height:1.8}.prose-content strong{color:var(--text-muted-green)}.prose-img{border:1px solid var(--card-border);object-fit:cover;border-radius:12px;width:100%;margin:24px 0}.privacy-note{border-left:4px solid var(--green-main);background:linear-gradient(90deg,#22c55e14,#10b9810d);border-radius:0 10px 10px 0;margin:28px 0;padding:20px 24px}.privacy-note h6{color:var(--green-main);margin-bottom:6px;font-size:1rem}.privacy-note p{color:var(--text-sub);margin:0;font-size:.88rem}.privacy-note a{color:var(--green-main);text-decoration:underline}.prose-sidebar{flex-direction:column;gap:24px;display:flex}.sidebar-widget{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:24px}.sidebar-widget.highlight{border-color:var(--green-main);background:linear-gradient(135deg,#0d3d28,#011a15)}.rg-section{background:var(--bg-dark)}.rg-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:28px;display:grid}.rg-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:12px;padding:24px 18px}.rg-card i{color:var(--green-teal);margin-bottom:12px;font-size:2rem;display:block}.rg-card h6{margin-bottom:8px;font-size:.98rem}.rg-card p{color:var(--text-sub);font-size:.83rem;line-height:1.5}.rg-alert{text-align:center;background:#10b98114;border:1px solid #10b98140;border-radius:12px;padding:20px 24px}.rg-alert p{color:var(--text-muted-green);font-size:.9rem}.rg-alert strong{color:var(--green-main)}.map-section{background:var(--bg-darker)}.map-section iframe{border:1px solid var(--card-border);border-radius:14px;width:100%;height:380px}footer{border-top:2px solid var(--card-border);background:linear-gradient(#011a15 0%,#010d0a 100%);padding:55px 0 0}.footer-grid{grid-template-columns:2fr 1fr 1.2fr 1fr 1.2fr;gap:2rem;margin-bottom:40px;display:grid}.footer-logo img{object-fit:contain;width:auto;height:42px;margin-bottom:14px}.footer-desc{color:#64748b;font-size:.85rem;line-height:1.7}.footer-email{color:#64748b;align-items:center;gap:8px;margin-top:14px;font-size:.85rem;display:flex}.footer-email i{color:var(--green-main)}footer h6{color:var(--green-main);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:.9rem}footer ul{list-style:none}footer ul li{margin-bottom:10px}footer ul li a{color:#64748b;font-size:.86rem;transition:color .2s}footer ul li a:hover{color:var(--green-main)}.footer-bottom{border-top:1px solid #0d2d1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:22px 0 85px;display:flex}.footer-bottom p{color:#64748b;font-size:.82rem}.footer-bottom a{color:#64748b;margin-left:14px;transition:color .2s}.footer-bottom a:hover{color:var(--green-main)}.mobile-bottom-nav{z-index:1050;border-top:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#011a15f5;padding:8px 12px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-grid{justify-content:space-around;align-items:center;display:flex}.mobile-nav-item{color:#94a3b8;flex-direction:column;align-items:center;gap:3px;font-size:.72rem;font-weight:500;text-decoration:none;display:flex;position:relative}.mobile-nav-item i{font-size:1.25rem}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--green-main)}.mobile-nav-item.special-btn{transform:translateY(-12px)}.mobile-nav-item.special-btn .icon-circle{background:linear-gradient(135deg, var(--green-main), var(--green-teal));color:#fff;border:3px solid #011a15;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex;box-shadow:0 4px 16px #22c55e80}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#000000d1;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--green-main);background:linear-gradient(145deg,#072a1e,#011a15);border-radius:18px;width:100%;max-width:480px;padding:30px;animation:.25s ease-out modalFadeIn;position:relative;box-shadow:0 25px 60px #000c,0 0 35px #22c55e33}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close-btn{color:#94a3b8;font-size:1.4rem;transition:color .2s;position:absolute;top:16px;right:18px}.modal-close-btn:hover{color:#fff}.betslip-drawer{z-index:1200;position:fixed;bottom:20px;right:20px}.betslip-bubble{background:linear-gradient(135deg, var(--green-main), var(--green-teal));color:#fff;cursor:pointer;border-radius:50px;align-items:center;gap:10px;padding:12px 20px;font-weight:700;display:flex;box-shadow:0 10px 30px #22c55e66}.betslip-card{border:1px solid var(--green-main);background:#011a15;border-radius:14px;width:340px;overflow:hidden;box-shadow:0 15px 40px #000000b3}.app-toast{z-index:3000;border:1px solid var(--green-main);color:#fff;background:#072a1e;border-radius:10px;align-items:center;gap:12px;padding:12px 20px;animation:.3s slideDown;display:flex;position:fixed;top:75px;right:20px;box-shadow:0 10px 25px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-actions{justify-content:center}.features-grid,.game-cat-grid{grid-template-columns:repeat(2,1fr)}.vip-grid,.app-grid,.prose-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.navbar-menu{display:none}.mobile-toggle,.mobile-bottom-nav{display:block}.stats-grid,.rg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){section{padding:45px 0}.features-grid,.game-cat-grid,.footer-grid{grid-template-columns:1fr}}