body {
    margin:0;
    background:#000;
    color:#fff;
    font-family: Arial, sans-serif;
    overflow-x:hidden;
}

/* Floating particles */
.particles {
    position:fixed;
    top:0; left:0; right:0; bottom:0;
    background:url('particles.png');
    opacity:0.35;
    animation: move 18s linear infinite;
}
@keyframes move { from{transform:translateY(0);} to{transform:translateY(-100px);} }

/* Hero */
.hero {
    height:100vh;
    background:url('banner.jpg') center/cover no-repeat;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px;
}

/* Glass */
.glass {
    backdrop-filter: blur(14px);
    background: rgba(255,255,255,0.08);
    padding:40px;
    border-radius:20px;
    text-align:center;
    border:1px solid rgba(255,255,255,0.2);
    box-shadow:0 0 40px rgba(255,215,0,0.25);
}

.title { font-size:2.2rem; font-weight:bold; }
.subtitle { font-size:1.2rem; margin-top:10px; }

.btn {
    padding:15px 35px;
    background:#f0c040;
    border:none;
    border-radius:50px;
    font-size:1.3rem;
    cursor:pointer;
    margin-top:20px;
}
.glow {
    animation: glow 2s infinite alternate;
}
@keyframes glow {
    from { box-shadow:0 0 10px gold; }
    to { box-shadow:0 0 25px gold; }
}

.slots { margin-top:20px; font-weight:bold; }

/* Popup */
.popup{
    display:none;
    position:fixed;
    top:0; left:0; right:0; bottom:0;
    background:rgba(0,0,0,0.85);
    justify-content:center;
    align-items:center;
}
.popup-content{
    background:#111;
    padding:30px;
    border-radius:15px;
    text-align:center;
    border:1px solid gold;
    box-shadow:0 0 25px gold;
}