* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'Arial',sans-serif;background:#0d001f;color:#fff;overflow-x:hidden;scroll-behavior:smooth;}
header {background:linear-gradient(135deg,#1a00ff,#6a00ff);padding:80px 20px;text-align:center;position:relative;overflow:hidden;}
header h1 {font-size:3.5em;color:#ffe600;text-shadow:2px 2px 12px rgba(0,0,0,0.6);animation:glowText 2s infinite alternate;}
header p {margin:20px 0;font-size:1.4em;color:#00ffcc;}
.slot-container {display:flex;justify-content:center;margin:30px 0;}
.slot {width:60px;height:60px;margin:0 6px;font-size:2.5em;text-align:center;border-radius:12px;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:#ffe600;animation:spin 0.5s linear infinite;}
@keyframes spin {0% {transform:translateY(0);}50% {transform:translateY(-10px);}100% {transform:translateY(0);}}
.countdown {margin:20px auto;font-size:1.5em;color:#ffcc00;font-weight:bold;}
button.cta {background:linear-gradient(90deg,#ff0000,#ff4b2b);color:#fff;border:none;padding:20px 50px;font-size:1.2em;border-radius:20px;cursor:pointer;transition:0.5s;box-shadow:0 0 25px #ff4b2b,0 0 40px #ffcc00 inset;position:relative;overflow:hidden;}
button.cta:hover {transform:scale(1.1);box-shadow:0 0 50px #ff4b2b,0 0 80px #ffe600 inset;}
button.cta::after {content:"🎉";position:absolute;top:-10px;left:50%;transform:translateX(-50%) scale(0);font-size:1.5em;transition:0.3s;}
button.cta:hover::after {transform:translateX(-50%) scale(1.5);}
.card-container {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:50px 20px;}
.card {background:rgba(255,255,255,0.05);border-radius:25px;padding:25px;text-align:center;box-shadow:0 0 40px rgba(255,255,255,0.1);backdrop-filter:blur(6px);}
.card h3 {color:#ffe600;margin-bottom:15px;}
table {width:100%;border-collapse:collapse;margin-top:25px;color:#fff;text-align:center;font-weight:bold;}
th,td {padding:15px;border-radius:10px;}
th {background:linear-gradient(90deg,#00ff00,#ff0000);}
td {background:rgba(255,255,255,0.05);transition:0.3s;position:relative;}
td:hover {background:rgba(255,255,255,0.15);}
td:hover::after {content:"💰";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);animation:jackpot 0.8s forwards;}
@keyframes jackpot {0% {transform:translate(-50%,-50%) scale(0);}50% {transform:translate(-50%,-50%) scale(1.8);}100% {transform:translate(-50%,-50%) scale(1.5);}}
@keyframes glowText {0% {text-shadow:0 0 10px #ffe600,0 0 20px #ffcc00;}100% {text-shadow:0 0 25px #ffcc00,0 0 50px #ffe600;}}
@keyframes fadeInUp {0% {opacity:0;transform:translateY(50px);}100% {opacity:1;transform:translateY(0);}}
footer {text-align:center;padding:40px;background:#1a0020;color:#ffe600;}
.star {position:absolute;width:6px;height:6px;background:#ffcc00;border-radius:50%;animation:twinkle 2s infinite alternate;}
@keyframes twinkle {0% {opacity:0.2;}50% {opacity:1;}100% {opacity:0.2;}}