body {
    margin:0;
    font-family: Arial;
    text-align:center;
    background: #0f2027;
    color:white;
    overflow-x:hidden;
    position:relative;
}
.star{
    position:absolute;
    background:white;
    border-radius:50%;
    opacity:0.8;
    animation:twinkle 2s infinite alternate;
}
@keyframes twinkle{
    0%{opacity:0.2; transform:scale(0.5);}
    100%{opacity:1; transform:scale(1.2);}
}
.moon{
    position:absolute;
    top:50px;
    right:-100px;
    width:80px;
    height:80px;
    background: radial-gradient(circle at 40% 40%, gold, transparent 60%);
    border-radius:50%;
    animation:moonMove 20s linear infinite;
}
@keyframes moonMove{
    0%{right:-100px; top:50px;}
    100%{right:100%; top:100px;}
}
h1{margin-top:50px;}
button{padding:10px 20px;border:none;border-radius:10px;background:gold;cursor:pointer;margin-top:15px;font-size:15px;}
button:hover{background:orange;}
.page{display:none;opacity:0;transition:opacity 0.5s;}
table{margin:auto;border-collapse:collapse;width:90%;margin-top:30px;background:rgba(255,255,255,0.1);}
th{background:gold;color:black;}
th,td{border:1px solid white;padding:8px;}
.countdown{margin-top:20px;font-size:18px;color:#FFD700;}