*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Arial,sans-serif}
body{background:#011a13;color:#fff;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 15px}

/* Top bar */
.top-bar{background:#000;padding:8px 0;font-size:13px;border-bottom:1px solid #1a3a2e}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.top-left{display:flex;align-items:center;gap:15px;color:#bbbbbb}
.top-left .lang{display:flex;align-items:center;gap:5px}
.top-left .time{color:#888}
.top-right{display:flex;gap:12px}
.top-right a{color:#ccc;font-size:13px}
.top-right .register{color:#00e676;font-weight:600}

/* Header */
header{background:linear-gradient(180deg,#02382a 0%,#013024 100%);padding:12px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,0.5)}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.logo{font-size:26px;font-weight:900;color:#00e676;letter-spacing:1px;text-shadow:0 0 12px rgba(0,230,118,0.5)}
.logo span{color:#ffffff}

nav ul{display:flex;list-style:none;gap:5px;align-items:center;flex-wrap:wrap}
nav ul li a{padding:8px 14px;border-radius:20px;font-weight:600;font-size:14px;transition:.3s;color:#e0e0e0;display:block}
nav ul li a:hover,nav ul li a.active{background:#00e676;color:#000}

.auth-btns{display:flex;gap:8px}
.btn-login,.btn-register{padding:8px 18px;border-radius:20px;font-weight:700;font-size:14px;transition:.3s;cursor:pointer}
.btn-login{background:transparent;border:2px solid #00e676;color:#00e676}
.btn-login:hover{background:#00e676;color:#000}
.btn-register{background:linear-gradient(90deg,#ff6f00,#ffab00);color:#000;border:none}
.btn-register:hover{transform:scale(1.05)}

.menu-toggle{display:none;background:none;border:none;color:#00e676;font-size:28px;cursor:pointer}

/* Hero */
.hero{position:relative;background:linear-gradient(135deg,#013024,#024a36);padding:30px 0;overflow:hidden}
.hero-inner{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.hero-text{flex:1;min-width:280px}
.hero-text h1{font-size:42px;font-weight:900;color:#ffd54f;line-height:1.2;margin-bottom:15px;text-shadow:2px 2px 0 #b71c1c}
.hero-text h1 span{color:#ffffff;display:block;font-size:32px}
.hero-text .big-number{font-size:64px;color:#ff5252;font-weight:900;letter-spacing:2px;text-shadow:3px 3px 0 #ff3000}
.hero-text p{margin-top:15px;color:#e0e0e0;font-size:15px}
.hero-img{flex:1;min-width:280px;text-align:center}
.hero-img img{margin:0 auto;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.5)}

.news-ticker{background:#000;padding:10px 0;border-top:1px solid #1a3a2e;border-bottom:1px solid #1a3a2e}
.news-ticker .container{display:flex;align-items:center;gap:15px}
.news-ticker .badge{background:#ff5252;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700;flex-shrink:0}
.news-ticker .text{color:#bbbbbb;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Jackpot */
.jackpot{padding:40px 0;background:#011a13}
.jackpot-box{background:linear-gradient(135deg,#013024,#02584a);border-radius:20px;padding:25px;display:flex;align-items:center;gap:25px;flex-wrap:wrap;box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.jackpot-title{display:flex;align-items:center;gap:15px;flex:1;min-width:280px}
.jackpot-title h2{background:linear-gradient(90deg,#00e676,#69f0ae);color:#000;padding:12px 30px;border-radius:30px;font-size:32px;font-weight:900;letter-spacing:2px}
.jackpot-num{font-size:42px;font-weight:900;color:#ffd54f;letter-spacing:4px;text-shadow:0 0 15px rgba(255,213,79,0.6)}

.jackpot-content{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}
.jackpot-img{flex:1;min-width:260px;text-align:center}
.jackpot-list{flex:1;min-width:280px;background:#011a13;border-radius:12px;padding:15px}
.jackpot-row{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;border-bottom:1px solid #1a3a2e;font-size:14px}
.jackpot-row:last-child{border:none}
.jackpot-row .game{color:#ffffff;font-weight:600}
.jackpot-row .amount{color:#ffd54f;font-weight:700}
.jackpot-row .play-btn{background:#00e676;color:#000;padding:5px 18px;border-radius:15px;font-weight:700;font-size:12px}

/* Categories */
.categories{padding:40px 0}
.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.cat-item{background:linear-gradient(180deg,#024a36,#013024);border-radius:15px;padding:15px;text-align:center;transition:.3s;cursor:pointer;border:2px solid transparent}
.cat-item:hover{transform:translateY(-5px);border-color:#00e676}
.cat-item img{margin:0 auto 10px;border-radius:8px}
.cat-item h3{font-size:14px;color:#00e676;font-weight:700;letter-spacing:1px}

/* Section title */
.section-title{text-align:center;font-size:24px;font-weight:800;color:#ffffff;margin-bottom:25px;letter-spacing:1px}

/* Slot games */
.slot-games{padding:40px 0;background:#011a13}
.provider-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:25px;flex-wrap:wrap}
.provider-tab{background:#013024;color:#00e676;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;border:1px solid #024a36;cursor:pointer;transition:.3s}
.provider-tab.active,.provider-tab:hover{background:#00e676;color:#000}
.games-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.game-card{background:#013024;border-radius:10px;overflow:hidden;transition:.3s;cursor:pointer}
.game-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,230,118,0.3)}
.game-card img{width:100%;height:auto}
.game-card .game-name{padding:8px;font-size:12px;text-align:center;color:#e0e0e0;background:#011a13}

/* Application */
.application{padding:50px 0;background:linear-gradient(180deg,#011a13,#013024)}
.app-inner{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.app-img{flex:1;min-width:280px;text-align:center}
.app-info{flex:1;min-width:280px}
.app-info h2{color:#00e676;font-size:38px;font-weight:900;letter-spacing:3px;margin-bottom:15px}
.app-info p{color:#bbbbbb;font-size:14px;margin-bottom:20px}
.app-buttons{display:flex;gap:15px;flex-wrap:wrap}
.app-btn{background:#000;border:1px solid #024a36;border-radius:8px;padding:10px 20px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.3s}
.app-btn:hover{border-color:#00e676}
.app-btn .icon{width:32px;height:32px;background:#222;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px}
.app-btn small{color:#888;font-size:11px;display:block}
.app-btn span{color:#fff;font-size:14px;font-weight:600}

/* Brand article */
.brand-article{padding:50px 0;background:#011a13}
.brand-article h2{color:#00e676;font-size:26px;margin-bottom:20px;text-align:center}
.brand-article h3{color:#ffd54f;font-size:20px;margin:25px 0 12px}
.brand-article p{color:#cfd8dc;margin-bottom:15px;font-size:15px}
.brand-article .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}
.stat-card{background:linear-gradient(135deg,#013024,#02584a);border-radius:12px;padding:20px;text-align:center}
.stat-card .num{font-size:28px;color:#00e676;font-weight:900}
.stat-card .label{font-size:13px;color:#bbb;margin-top:5px}
.user-quote{background:#013024;border-left:4px solid #ffd54f;padding:15px 20px;margin:20px 0;font-style:italic;color:#e0e0e0;border-radius:8px}

/* FAQ */
.faq-section{padding:50px 0;background:linear-gradient(180deg,#013024,#011a13)}
.faq-item{background:#011a13;border:1px solid #024a36;border-radius:10px;padding:18px 22px;margin-bottom:12px;transition:.3s}
.faq-item:hover{border-color:#00e676}
.faq-item h4{color:#00e676;font-size:16px;margin-bottom:8px}
.faq-item p{color:#cfd8dc;font-size:14px}
.faq-item ul{margin:8px 0 20px;color:#cfd8dc;font-size:14px}

/* Footer */
footer{background:#000;padding:35px 0 15px;border-top:2px solid #013024}
.footer-links{display:flex;justify-content:center;gap:25px;margin-bottom:25px;flex-wrap:wrap}
.footer-links a{color:#bbbbbb;font-size:13px;font-weight:600;transition:.3s}
.footer-links a:hover{color:#00e676}
.partners{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:20px;padding:20px 0;border-top:1px solid #013024;border-bottom:1px solid #013024}
.partners span{color:#666;font-size:13px;font-weight:700;background:#011a13;padding:6px 12px;border-radius:4px;border:1px solid #013024}
.footer-text{text-align:center;color:#666;font-size:12px;line-height:1.8;max-width:900px;margin:0 auto;padding:15px 0}
.copyright{text-align:center;color:#444;font-size:12px;padding-top:15px;border-top:1px solid #013024}

/* Responsive */
@media (max-width:900px){
.menu-toggle{display:block}
nav{position:fixed;top:0;right:-100%;width:75%;max-width:300px;height:100vh;background:#013024;padding:60px 20px 20px;transition:.3s;z-index:99;overflow-y:auto}
nav.active{right:0}
nav ul{flex-direction:column;align-items:stretch;gap:8px}
nav ul li a{padding:12px 16px}
.auth-btns{flex-direction:column;width:100%;margin-top:10px}
.cat-grid{grid-template-columns:repeat(3,1fr)}
.games-grid{grid-template-columns:repeat(3,1fr)}
.brand-article .stats-row{grid-template-columns:repeat(2,1fr)}
.hero-text h1{font-size:30px}
.hero-text h1 span{font-size:22px}
.hero-text .big-number{font-size:46px}
.jackpot-num{font-size:30px}
.jackpot-title h2{font-size:24px;padding:8px 18px}
}
@media (max-width:500px){
.cat-grid{grid-template-columns:repeat(2,1fr)}
.games-grid{grid-template-columns:repeat(2,1fr)}
.top-right{font-size:11px}
.logo{font-size:22px}
}