body {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            margin: 0;
            padding: 15px;
        }

        .login-card {
            border: none;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
            width: 100%;
            max-width: 420px;
            background: #ffffff;
            overflow: hidden;
        }

        .form-control-user {
            height: 50px !important;
            padding: 10px 20px !important;
            font-size: 0.95rem !important;
            border-radius: 30px !important;
        }

        .btn-user {
            height: 50px !important;
            padding-top: 12px !important;
            font-size: 1rem !important;
            border-radius: 30px !important;
        }

        .pin-input {
            letter-spacing: 12px;
            font-size: 1.5rem !important;
            text-align: center;
            font-weight: bold;
        }

        .cursor-pointer {
            cursor: pointer;
        }