body {
        margin: 0;
        height: 100vh;
        background: radial-gradient(circle at top, #070a1f, #000);
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: white;
        font-family: 'Poppins', sans-serif;
    }

    .title {
        font-family: 'Orbitron', sans-serif;
        font-size: 30px;
        font-weight: 800;
        text-align: center;
        letter-spacing: 3px;
        text-transform: uppercase;
        background: linear-gradient(90deg, #00ffe1, #ff00ff, #00ffe1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: glow 3s linear infinite;
    }

    @keyframes glow {
        0% { filter: hue-rotate(0deg); }
        100% { filter: hue-rotate(360deg); }
    }

    .subtitle {
        margin-top: 10px;
        font-size: 14px;
        opacity: 0.7;
        letter-spacing: 2px;
    }

    .rocket {
        font-size: 80px;
        margin-top: 30px;
        filter: drop-shadow(0 0 10px #00ffe1);
        position: relative;
    }

    /* sebelum launch */
    .prepare {
        animation: shake 0.3s infinite;
    }

    @keyframes shake {
        0% { transform: translateX(0); }
        25% { transform: translateX(-2px); }
        50% { transform: translateX(2px); }
        75% { transform: translateX(-2px); }
        100% { transform: translateX(0); }
    }

    /* rocket launch keluar layar */
    .launch {
        animation: launch 2s ease-in forwards;
    }

    @keyframes launch {
        0% {
            transform: translateY(0) scale(1);
            opacity: 1;
        }
        60% {
            transform: translateY(-200px) scale(1.1);
        }
        100% {
            transform: translateY(-120vh) scale(0.6);
            opacity: 0;
        }
    }

    .loader {
        margin-top: 30px;
        width: 240px;
        height: 8px;
        background: rgba(255,255,255,0.08);
        border-radius: 20px;
        overflow: hidden;
    }

    .bar {
        width: 0%;
        height: 100%;
        background: linear-gradient(90deg, #00ffe1, #ff00ff);
        animation: loading 5s linear forwards;
    }

    @keyframes loading {
        from { width: 0%; }
        to { width: 100%; }
    }

    .countdown {
        margin-top: 20px;
        font-size: 16px;
        font-family: 'Orbitron', sans-serif;
    }

    .stars span {
        position: absolute;
        width: 2px;
        height: 2px;
        background: white;
        animation: twinkle 5s infinite;
        opacity: 0.3;
    }

    @keyframes twinkle {
        0%,100% { opacity: 0.2; }
        50% { opacity: 1; }
    }