body { margin:0; font-family: 'Inter', Arial, sans-serif; line-height: 1.6; background:#180b29; color:#fff; }
/* CUSTOM TYPOGRAPHY */
h1, h2, h3, h4 { font-weight:700; margin-bottom:10px; }
p { margin-bottom:15px; }
ul, ol { padding-left:20px; margin-bottom:15px; }


/* TABLE STYLE */
table { width:100%; border-collapse:collapse; margin:20px 0; background:#200f39; border-radius:8px; overflow:hidden; }
th, td { padding:12px; border-bottom:1px solid #ccc7d4; }
th { background:#6d27e5; color:#000; font-weight:bold; }
tr:hover { background:#222; }
    a { text-decoration:none; color:#fff; display:inline-block; }

    /* HEADER */
    header { position:fixed; top:0; left:0; width:100%; background:#200f39; display:flex; justify-content:space-between; align-items:center; padding:10px 15px; z-index:1000; }
    .logo { font-size:20px; font-weight:bold; }
    .burger { width:30px; cursor:pointer; display:flex; flex-direction:column; gap:5px; }
    .burger span { height:3px; background:#fff; width:100%; border-radius:2px; }
    nav { display:none; position:absolute; top:55px; right:10px; background:#000; padding:10px; border-radius:5px; }
    nav a { display:block; padding:8px 0; }

    /* BANNER */
    .banner { margin-top:100px; position:relative; }
    .banner img { width:100%; height:auto; display:block; filter:brightness(60%); }
    .banner-content { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
    .banner-content h1 { font-size:24px; margin-bottom:10px; }
    .banner-content a { background:#8641ff; padding:10px 20px; border-radius:5px; }

    /* SLOTS GRID */
    .slots { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; padding:15px; }
    .slot { background:#200f39; padding:10px; border-radius:8px; text-align:center; width:130px; }
    .slot img { width:100%; border-radius:5px; }
    .slot a { margin-top:8px; background:#8641ff; padding:6px 10px; border-radius:5px; width:80%; }

    /* MAIN TEXT */
    .content { padding:15px; width: 80%; margin: 0 auto;}

    /* FOOTER */
    footer { background:#200f39; padding:20px; margin-bottom:70px; }
    footer h3 { margin-top:0; }

    /* FIXED BONUS BUTTON */
    .bonus-fixed { position:fixed; bottom:0; left:0; width:100%; background:#8641ff; text-align:center; padding:15px 0; z-index:999; }
    .bonus-fixed a { font-size:18px; font-weight:bold; }