/* CSS LOGIN */
.login-page-aesthetic {
            background-image: linear-gradient(rgba(18, 18, 18, 0.7), rgba(18, 18, 18, 0.7)), url('https://source.unsplash.com/random/1920x1080?gaming,dark');
            background-size: cover;
            background-position: center;
            font-family: 'Poppins', sans-serif;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
        }

        /* Kotak Login */
        .login-box {
            width: 400px;
            margin: 150px;
            padding: 20px;
        }

        /* Logo */
        .login-logo a {
            color: #ffffff;
            font-size: 2.5rem;
            text-shadow: 0 2px 10px rgba(0,0,0,0.5);
            font-weight: 700;
        }
        .login-logo a b {
            color: #6cff8d;
        }
        .login-logo a .fa-ghost {
            margin-right: 10px;
        }

        /* Kartu Login dengan Efek Kaca (Glassmorphism) */
        .login-card-aesthetic {
            background: rgba(30, 30, 32, 0.6);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 15px;
            box-shadow: 0 15px 30px rgba(0,0,0,0.3);
        }
        .login-card-aesthetic .card-body {
            padding: 2rem;
        }
        .login-box-msg {
            color: #e0e0e0;
        }

        /* Input Form */
        .input-group .form-control {
            background-color: rgba(0,0,0,0.3);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #ffffff;
            border-right: none;
        }
        .input-group .form-control:focus {
            background-color: rgba(0,0,0,0.4);
            border-color: #6cff8d;
            box-shadow: 0 0 10px rgba(108, 255, 141, 0.3);
            color: #ffffff;
        }
        .input-group .form-control::placeholder {
            color: #b0b3b8;
        }
        .input-group .input-group-text {
            background-color: rgba(0,0,0,0.3);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #6cff8d;
            border-left: none;
        }
        .invalid-feedback {
            font-weight: 500;
        }

        /* Checkbox */
        .icheck-primary > input:first-child:checked + label::before {
            background-color: #6cff8d;
            border-color: #6cff8d;
        }
        .icheck-primary > label {
            color: #e0e0e0;
        }

        /* Tombol Masuk */
        .btn-submit {
            background-color: #6cff8d;
            border: none;
            color: #ffffff;
            font-weight: 700;
            padding: 0.75rem;
            transition: all 0.3s ease;
        }
        .btn-submit:hover {
            background-color: #8affaa;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(108, 255, 141, 0.2);
        }


        /* CSS REGISTER */

        .register-page-aesthetic {
            background-image: linear-gradient(rgba(18, 18, 18, 0.7), rgba(18, 18, 18, 0.7)), url('https://source.unsplash.com/random/1920x1080?gaming,abstract');
            background-size: cover;
            background-position: center;
            font-family: 'Poppins', sans-serif;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
        }

        .register-box {
            width: 450px;
            margin: 150px;
            padding: 15px;
        }

        .register-logo a {
            color: #ffffff;
            font-size: 2.5rem;
            text-shadow: 0 2px 10px rgba(0,0,0,0.5);
            font-weight: 700;
        }
        .register-logo a b {
            color: #6cff8d; /* Warna aksen hijau neon */
        }
        .register-logo a .fa-ghost {
            margin-right: 10px;
        }

        /* Kartu dengan Efek Kaca (Glassmorphism) */
        .register-card-aesthetic {
            background: rgba(30, 30, 32, 0.6);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 15px;
            box-shadow: 0 15px 30px rgba(0,0,0,0.3);
        }
        .register-card-aesthetic .card-body {
            padding: 2rem;
        }
        .login-box-msg {
            color: #e0e0e0;
        }

        /* Input Form */
        .input-group .form-control {
            background-color: rgba(0,0,0,0.3);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #ffffff;
            border-right: none;
        }
        .input-group .form-control:focus {
            background-color: rgba(0,0,0,0.4);
            border-color: #6cff8d;
            box-shadow: 0 0 10px rgba(108, 255, 141, 0.3);
            color: #ffffff;
        }
        .input-group .form-control::placeholder {
            color: #b0b3b8;
        }
        .input-group .input-group-text {
            background-color: rgba(0,0,0,0.3);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #6cff8d;
            border-left: none;
        }
        .invalid-feedback {
            font-weight: 500;
        }

        /* Tombol Daftar */
        .btn-submit {
            background-color: #6cff8d;
            border: none;
            color: #ffffff;
            font-weight: 700;
            padding: 0.75rem;
            transition: all 0.3s ease;
        }
        .btn-submit:hover {
            background-color: #8affaa;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(108, 255, 141, 0.2);
        }
        
        /* Link "Sudah punya akun" */
        .link-login {
            color: #6cff8d;
            text-decoration: none;
            font-weight: 500;
        }
        .link-login:hover {
            color: #98ffb3;
            text-decoration: underline;
        }