body { margin:0; padding:0; font-family:'Montserrat',Arial,sans-serif; background:#151420; color:#fff; }
.navbar { display:flex; align-items:center; justify-content:space-between; padding:18px 48px 10px 32px; background:#151420; box-shadow:0 4px 32px #0000001f;}
.navbar .logo { height:50px; }
.nav-menu { display:flex; gap:32px; margin-left:36px; }
.nav-menu a { color:#ffd700; text-decoration:none; font-weight:700; font-size:1.07em; letter-spacing:.01em; transition:.2s; padding-bottom:3px;}
.nav-menu a:hover, .nav-menu a.active { border-bottom:2px solid #ffd700; }
.nav-btns { display:flex; gap:14px; align-items:center; }
.btn-yellow { background:#ffd700; color:#19171d; border:none; font-weight:700; border-radius:8px; padding:9px 22px; text-decoration:none; transition:.2s; font-size:1em; cursor:pointer;}
.btn-yellow:hover { background:#ffbe20; }
.btn-profile { color:#ffd700; font-weight:600; }
.banner { display:block; margin:32px auto 0 auto; max-width:950px; width:98%; border-radius:18px; box-shadow:0 6px 32px #0002;}
.jackpot-box { max-width:750px; margin:32px auto 0 auto; background:#191825; border-radius:22px; padding:30px 20px 25px 40px; box-shadow:0 8px 40px #0001; display:flex; align-items:center; justify-content:space-between; font-size:1.35em;}
.jackpot-label { color:#ffd700; font-weight:700; letter-spacing:.02em;}
.jackpot-value { color:#fffbe8; font-weight:800; font-size:2em; text-shadow:0 0 8px #ffd70080,0 0 2px #ffd70090; letter-spacing:2px; animation:jackpotglow 1.2s infinite alternate;}
@keyframes jackpotglow { 0% { text-shadow:0 0 8px #ffd70080,0 0 2px #ffd70090;} 100% { text-shadow:0 0 15px #ffe27c,0 0 2px #ffd700;} }
.container { max-width:1100px; margin: 32px auto 0 auto; background:#1a1a26; border-radius:18px; box-shadow:0 6px 30px #0001; padding:38px 25px 42px 25px; display:flex; flex-direction:column; align-items:center; }
.welcome { font-size:2em; font-weight:900; color:#ffd700; margin-bottom:9px; }
.desc { color:#fff; font-size:1.04em; text-align:center; margin-bottom:23px; }
.promo { display:block; margin:10px auto 25px auto; max-width:470px; width:90%; border-radius:14px; box-shadow:0 6px 32px #0002; }
.subtitle { color:#ffd700; font-size:1.19em; font-weight:800; margin:22px 0 7px 0;}
.pay-icons, .provider-icons { display:flex; flex-wrap:wrap; gap:30px; justify-content:center; margin-bottom:18px; }
.pay-icons img, .provider-icons img { height:37px; max-width:120px; filter:drop-shadow(0 2px 3px #0003);}
.provider-icons img { height:34px; }
@media (max-width:950px) { .container { padding:24px 4vw; } .navbar { padding:18px 8vw 10px 5vw;} }
@media (max-width:600px) { .navbar { flex-direction:column; gap:11px; padding:11px 6vw; } .nav-menu { flex-wrap:wrap; gap:18px; margin-left:0;} .jackpot-box { flex-direction:column; gap:13px; padding:22px 10px;} .container { padding:18px 1vw; } .banner { max-width:99vw; } }
#modal-bg { display:none; position:fixed; z-index:999; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.75); justify-content:center; align-items:center; animation:fadein 0.35s;}
@keyframes fadein { from { opacity:0;} to {opacity:1;} }
#modal-box { background:#232236; min-width:350px; max-width:98vw; border-radius:16px; box-shadow:0 10px 44px #0008; padding:34px 28px 28px 28px; color:#fff; position:relative; display:flex; flex-direction:column; align-items:center; animation:fadein 0.4s;}
#modal-box h2 { color:#ffd700; margin:0 0 19px 0; font-size:1.4em; }
#modal-box .close { position:absolute; top:17px; right:17px; font-size:1.6em; color:#ffd700; cursor:pointer; }
#modal-box form { width:96%; margin-top:10px; display:flex; flex-direction:column; gap:16px;}
#modal-box input[type=text], #modal-box input[type=password], #modal-box input[type=email], #modal-box select { width:100%; padding:12px; border-radius:7px; border:none; background:#151420; color:#ffd700; font-size:1.05em; font-family:inherit; font-weight:600; box-shadow:0 1px 6px #0002; outline:none; margin-bottom:3px; }
#modal-box input[type=submit], #modal-box button[type=submit] { background:#ffd700; color:#19171d; border:none; border-radius:8px; font-weight:700; font-size:1.1em; padding:10px; margin-top:7px; cursor:pointer; transition:.2s; }
#modal-box input[type=submit]:hover, #modal-box button[type=submit]:hover { background:#ffbe20; }
#modal-box .alt-btn { color:#ffd700; font-size:.98em; margin-top:8px; text-align:center; cursor:pointer; }