:root{--green:#16c784;--glow:#20e39b;--bg:#ffffff;--bg2:#f8fafb;--text:#101418;}
*{font-family:'Inter',sans-serif;}
body{background:var(--bg);color:var(--text);}
.text-gradient-green{background:linear-gradient(90deg,#16c784,#20e39b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.glossy-header{background:linear-gradient(180deg,rgba(255,255,255,0.95),rgba(248,250,251,0.9));box-shadow:0 4px 24px rgba(22,199,132,0.06);}
.logo-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#16c784,#20e39b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 4px 18px rgba(22,199,132,0.4);}
.btn-neon{background:linear-gradient(135deg,#16c784,#20e39b);color:#fff;box-shadow:0 8px 24px rgba(22,199,132,0.35),inset 0 1px 0 rgba(255,255,255,0.4);transition:all .3s;border:1px solid rgba(255,255,255,0.3);}
.btn-neon:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(22,199,132,0.5);}
.btn-outline{border:1.5px solid #16c784;color:#0a8a5b;background:rgba(22,199,132,0.05);transition:all .3s;}
.btn-outline:hover{background:rgba(22,199,132,0.12);transform:translateY(-2px);}
.hero-section{background:linear-gradient(180deg,#ffffff 0%,#f8fafb 100%);position:relative;}
.hero-glow{position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(22,199,132,0.18),transparent 60%);pointer-events:none;}
.hero-img{transition:transform .6s;}
.hero-img:hover{transform:scale(1.02);}
.float-anim{animation:float 4s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

/* COMPLIANCE BANNER */
.compliance-banner{background:linear-gradient(90deg,#0a8a5b,#16c784);color:#fff;font-weight:500;}
.compliance-banner a{color:#fff;}

/* REGULATOR BADGE STRIP */
.regulator-badge{background:#fff;border:1.5px solid rgba(22,199,132,0.3);border-radius:14px;padding:18px 14px;text-align:center;transition:all .3s;}
.regulator-badge:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(22,199,132,0.15);border-color:#16c784;}

/* LICENSE BADGE on cards */
.license-badge{display:inline-block;background:linear-gradient(135deg,#0a8a5b,#16c784);color:#fff;padding:4px 10px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:0.3px;box-shadow:0 2px 8px rgba(22,199,132,0.3);}

/* CASINO ROW CARD */
.casino-card{background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);border:1.5px solid rgba(22,199,132,0.35);border-radius:20px;padding:24px;display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:24px;align-items:center;position:relative;overflow:hidden;box-shadow:0 8px 28px rgba(22,199,132,0.08),0 2px 8px rgba(0,0,0,0.04);transition:all .4s;}
.casino-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.5),transparent 50%);pointer-events:none;}
.casino-card::after{content:"";position:absolute;inset:-1px;border-radius:20px;background:linear-gradient(135deg,#16c784,#20e39b,transparent 60%);opacity:0;transition:opacity .4s;z-index:-1;filter:blur(8px);}
.casino-card:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 16px 40px rgba(22,199,132,0.2);border-color:#20e39b;}
.casino-card:hover::after{opacity:0.5;}
.casino-rank{position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#16c784,#20e39b);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:14px;}
.casino-logo{width:100%;max-width:160px;height:80px;object-fit:contain;border-radius:12px;background:transparent;padding:8px;border:1px solid rgba(22,199,132,0.15);background-color:#fff;}
.rating-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(22,199,132,0.12);color:#0a8a5b;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;border:1px solid rgba(22,199,132,0.3);}
.feature-pill{display:inline-block;background:#f8fafb;border:1px solid rgba(22,199,132,0.2);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;color:#0a8a5b;margin:2px;}
.cta-jugar{background:linear-gradient(135deg,#16c784,#20e39b);color:#fff;padding:16px 28px;border-radius:14px;font-weight:900;font-size:15px;display:block;text-align:center;letter-spacing:0.5px;box-shadow:0 8px 24px rgba(22,199,132,0.4),inset 0 1px 0 rgba(255,255,255,0.4);transition:all .3s;}
.cta-jugar:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 32px rgba(22,199,132,0.55);}
@media(max-width:900px){.casino-card{grid-template-columns:1fr;text-align:center;}.casino-logo{margin:0 auto;}}

/* BRAND LOGO BLOCK */
.brand-logo-box{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid rgba(22,199,132,0.25);border-radius:18px;padding:18px 28px;box-shadow:0 8px 24px rgba(22,199,132,0.12);margin-bottom:18px;}
.brand-logo-box img{height:54px;width:auto;max-width:240px;object-fit:contain;}

/* BONUS */
.bonus-card{background:rgba(255,255,255,0.95);border:1.5px solid rgba(22,199,132,0.25);border-radius:18px;padding:28px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(22,199,132,0.06);}
.bonus-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#16c784,#20e39b);}
.bonus-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(22,199,132,0.2);border-color:#16c784;}
.bonus-icon{font-size:36px;margin-bottom:14px;}
.bonus-brand-logo{height:36px;width:auto;max-width:140px;object-fit:contain;margin-bottom:12px;}
.check-bullet{display:inline-flex;width:24px;height:24px;background:rgba(22,199,132,0.15);color:#0a8a5b;border-radius:50%;align-items:center;justify-content:center;font-weight:900;font-size:12px;}
.payment-card{background:#fff;border:1.5px solid rgba(22,199,132,0.2);border-radius:14px;padding:22px;text-align:center;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,0.04);}
.payment-card:hover{transform:translateY(-4px);border-color:#16c784;box-shadow:0 12px 28px rgba(22,199,132,0.15);}
.payment-card img{height:32px;width:auto;max-width:100px;object-fit:contain;margin:0 auto 8px;display:block;}
.game-card{background:#fff;border:1.5px solid rgba(22,199,132,0.2);border-radius:16px;padding:14px;text-align:center;transition:all .3s;cursor:pointer;}
.game-card:hover{transform:translateY(-4px);border-color:#16c784;box-shadow:0 12px 28px rgba(22,199,132,0.15);}
.game-img{width:100%;height:120px;object-fit:cover;border-radius:10px;}
.blog-card{background:#fff;border:1.5px solid rgba(22,199,132,0.2);border-radius:18px;overflow:hidden;display:block;transition:all .4s;}
.blog-card:hover{transform:translateY(-6px);border-color:#16c784;box-shadow:0 16px 40px rgba(22,199,132,0.15);}
.blog-img{width:100%;height:200px;object-fit:cover;}
table th{font-weight:700;}
table td{padding:14px;}
table tbody tr:hover{background:rgba(22,199,132,0.04);}