body { 
font-family: 'Poppins', sans-serif; 
background: linear-gradient(135deg, #6756ff 0%, #8f94fb 100%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
        
        .login-card {
            background: #ffffff;
            width: 100%;
            max-width: 420px; /* Lebar ideal untuk login center */
            padding: 2.5rem;
            border-radius: 20px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.2);
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        /* Hiasan Atas Card */
        .login-card::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px;
            background: linear-gradient(90deg, #0b15dc, #8f94fb);
        }

        .logo-img {
            width: 80px; margin-bottom: 15px;
            filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1));
        }

        .form-control {
            border-radius: 10px; padding: 12px 15px; border: 1px solid #eef2f6;
            background-color: #f8f9fa; font-size: 0.95rem; text-align: left;
        }
        .form-control:focus {
            box-shadow: 0 0 0 3px rgba(200, 196, 78, 0.1); border-color: #4e54c8; background-color: #fff;
        }
        
        .btn-login {
            background: linear-gradient(90deg, #0b15dc 0%, #8f94fb 100%);
            border: none; color: white; border-radius: 10px;
            padding: 12px; font-weight: 600; letter-spacing: 0.5px;
            transition: 0.3s; width: 100%; margin-top: 10px;
        }
        .btn-login:hover {
            opacity: 0.9; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(78, 84, 200, 0.3);
        }
/* 
        .btn-register {
            background: #fff; border: 2px solid #eef2f6; color: #4e54c8; border-radius: 10px;
            padding: 10px; font-weight: 600; width: 100%; display: block; text-decoration: none; transition: 0.3s;
        }
        .btn-register:hover { background: #f8f9fa; border-color: #4e54c8; } */