html {
    background-color: #0d0f12;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
}

/* Container utama dengan Hardware Acceleration */
.loader {
    width: 32px;
    height: 90px;
    position: relative;
    border-radius: 50% 50% 0 0;
    border-bottom: 10px solid #00ff88;
    background-color: #ffffff;
    background-image: 
        radial-gradient(ellipse at center, #ffffff 34%, #00ff88 35%, #00ff88 54%, #ffffff 55%), 
        linear-gradient(#00ff88 10px, transparent 0);
    background-size: 28px 28px;
    background-position: center 20px, center 2px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    /* Efek Neon Glow */
    filter: drop-shadow(0 0 10px rgba(0, 255, 136, 0.6));
    /* Force GPU Rendering */
    will-change: transform;
    animation: animloaderBack 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

/* Sayap Roket */
.loader::before {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 44px;
    border-radius: 50%;
    box-shadow: 0px 15px #00ff88 inset;
    top: 67px;
}

/* Api Peluncuran Teroptimasi */
.loader::after {
    content: '';  
    position: absolute;
    left: 50%;
    top: 105%;
    width: 32px;
    height: 32px;
    background: radial-gradient(circle, #ffea00 0%, #ff3300 60%, transparent 100%);
    border-radius: 50% 50% 0 50%;
    transform-origin: center top;
    filter: drop-shadow(0 0 8px #ff3300);
    will-change: transform, opacity;
    animation: animloader 0.3s ease-in-out infinite alternate;
}

/* Keyframes Ringan (Gunakan transform & opacity saja) */
@keyframes animloaderBack {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-8px);
    }
}

@keyframes animloader {
    0% {
        transform: translateX(-50%) rotate(45deg) scale(0.8);
        opacity: 0.7;
    }
    100% {
        transform: translateX(-50%) rotate(45deg) scale(1.2);
        opacity: 1;
    }
}