@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');
        * {
            box-sizing: border-box;
        }
        
        body {
            margin: 0;
            padding: 0;
            background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
            font-family: 'Orbitron', 'Courier New', monospace;
            color: #00f0ff;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            overflow: hidden;
            user-select: none;
            position: relative;
        }
        /* Background lighting */
        
        .background-lights {
            position: fixed;
            inset: 0;
            z-index: 0;
            overflow: hidden;
            pointer-events: none;
        }
        
        .beam {
            position: absolute;
            background: linear-gradient(to right, transparent, #00f0ff88, transparent);
            opacity: 0.4;
            filter: blur(6px);
            pointer-events: none;
        }
        
        .beam.left-to-right {
            left: -100%;
            width: 100%;
            height: 100%;
            animation: leftToRight 6s linear infinite;
        }
        
        .beam.right-to-left {
            right: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(to left, transparent, #00f0ff88, transparent);
            animation: rightToLeft 7s linear infinite;
        }
        
        .beam.top-to-bottom {
            top: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, transparent, #00f0ff55, transparent);
            animation: topToBottom 8s linear infinite;
        }
        
        .beam.bottom-to-top {
            bottom: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(to top, transparent, #00f0ff55, transparent);
            animation: bottomToTop 9s linear infinite;
        }
        
        @keyframes leftToRight {
            0% {
                left: -100%;
            }
            100% {
                left: 100%;
            }
        }
        
        @keyframes rightToLeft {
            0% {
                right: -100%;
            }
            100% {
                right: 100%;
            }
        }
        
        @keyframes topToBottom {
            0% {
                top: -100%;
            }
            100% {
                top: 100%;
            }
        }
        
        @keyframes bottomToTop {
            0% {
                bottom: -100%;
            }
            100% {
                bottom: 100%;
            }
        }
        
        .wanted-card {
            position: relative;
            background: rgba(0, 15, 30, 0.85);
            border: 2px solid #00f0ff;
            box-shadow: 0 0 8px #00f0ff, 0 0 20px #00f0ff, inset 0 0 20px #00f0ff;
            border-radius: 20px;
            padding: 40px 35px 50px 35px;
            width: 360px;
            text-align: center;
            overflow: hidden;
            z-index: 1;
        }
        
        .wanted-card::before {
            content: "WANTED";
            position: absolute;
            top: 15px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 56px;
            letter-spacing: 10px;
            font-weight: 900;
            font-family: 'Orbitron', monospace;
            color: #00f0ff;
            text-shadow: 0 0 10px #00f0ff, 0 0 20px #00f0ff, 0 0 30px #00f0ff;
            /* HILANGKAN animasi glitch & efek sheen */
            /* animation: glitch 3s infinite; */
            z-index: 2;
            user-select: none;
        }
        
        .scan-line {
            content: "";
            position: absolute;
            left: 0;
            top: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, transparent 45%, #00ffff33 50%, transparent 55%);
            animation: scanMove 4s linear infinite;
            z-index: 1;
        }
        
        @keyframes scanMove {
            0% {
                top: -100%;
            }
            100% {
                top: 100%;
            }
        }
        
        .profile-pic {
            margin: 80px auto 30px auto;
            width: 140px;
            height: 140px;
            border-radius: 50%;
            background: radial-gradient(circle at center, #003f47, #001014);
            border: 3px solid #00f0ff;
            box-shadow: 0 0 15px #00f0ff, inset 0 0 10px #00f0ff;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 72px;
            color: #00f0ff;
            position: relative;
            z-index: 2;
        }
        
        .profile-pic img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
            filter: drop-shadow(0 0 5px #00f0ff);
        }
        
        h1#wanted-name,
        p#wanted-bio,
        a.button {
            position: relative;
            z-index: 2;
            animation: glitch 4s infinite;
        }
        
        h1#wanted-name {
            margin: 10px 0 20px;
            font-size: 32px;
            text-transform: uppercase;
            letter-spacing: 4px;
            font-weight: 900;
            color: #00eaff;
            text-shadow: 0 0 5px #00eaff, 0 0 10px #00eaff;
        }
        
        p#wanted-bio {
            font-size: 18px;
            line-height: 1.4;
            color: #a0f0ffcc;
            margin-bottom: 40px;
        }
        
        a.button {
            padding: 14px 36px;
            border-radius: 30px;
            background: linear-gradient(90deg, #00f0ff, #004f66);
            border: 2px solid #00f0ff;
            color: #001f27;
            font-weight: 900;
            font-size: 18px;
            text-decoration: none;
            box-shadow: 0 0 12px #00f0ff, 0 0 25px #00f0ff inset;
            transition: all 0.3s ease;
            display: inline-block;
        }
        
        a.button:hover {
            background: linear-gradient(90deg, #00ffff, #007a99);
            color: #000d0f;
            box-shadow: 0 0 18px #00ffff, 0 0 40px #00ffff inset;
        }
        
        .wanted-card::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(to right, rgba(0, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 255, 255, 0.1) 1px, transparent 1px);
            background-size: 20px 20px;
            animation: gridMove 15s linear infinite;
            border-radius: 20px;
            z-index: 0;
        }
        
        @keyframes gridMove {
            0% {
                background-position: 0 0, 0 0;
            }
            100% {
                background-position: 20px 20px, 20px 20px;
            }
        }
        /* Glitch & RGB split effect */
        
        @keyframes glitch {
            0%,
            95%,
            100% {
                text-shadow: none;
                transform: none;
            }
            10% {
                transform: translate(1px, -1px) skew(0.5deg);
                text-shadow: -1px 0 red, 1px 0 blue, 0 1px green;
            }
            20% {
                transform: translate(-2px, 2px) skew(-0.5deg);
                text-shadow: -2px 0 red, 2px 0 blue;
            }
            50% {
                transform: translate(1px, 0) skew(0.3deg);
                text-shadow: 1px 1px red, -1px -1px blue;
            }
        }