.lpt {
            background-color: #fff;
            padding:100px 20px 150px 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width: 100%;
            max-width: 348px;
            margin: 0 auto 20px auto;
            text-align: right;
            direction: ltr;
        }
        .lpt h2{width:auto !important; font-weight: bold; color:#545454;}
        .lpt p{color:#7a7a7a;}
        .lpt input[type="text"], input[type="number"] {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border-radius: 10px;
            border: 1px solid #ccc;
            font-size: 16px;
            text-align:center !important;
        }
        .lpt input[type="text"]::placeholder {text-align:center !important; direction: rtl !important;}
        .lpt .code-input {
            display: flex;
            justify-content: space-between;
            margin: 10px 0;
            padding: 0 35px;
        }
        .lpt .code-input input {
            width: 45px;
            height: 45px;
            text-align: center;
            font-size: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        .lpt button {
            padding: 10px;
            width: 100%;
            border-radius: 5px;
            background-color: #1d1dd5;
            color: #fff;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }
        .lpt button:hover {
            background-color: #0056b3;
        }
        .lpt .hidden {
            display: none;
        }
        .lpt .timer, .edit-number {
            margin: 10px 0;
            font-size: 14px;
            color: #666;
        }
        .lpt .edit-number {
            color: #007bff;
            cursor: pointer;
            text-decoration: underline;
        }
        
        #footer{display:none;}