}
<style>
    /* ۱. تنظیمات بدنه و مرکز‌چینی ۱۰۰٪ */
    html, body { 
        margin: 0 !important; 
        padding: 0 !important; 
        height: 100vh !important; 
        width: 100% !important;
        background: linear-gradient(135deg, #fffbf2 0%, #dbeafe 100%) !important; 
        overflow: hidden !important;
        font-family: Tahoma, Arial, sans-serif !important;
    }

    /* مخفی‌سازی هدر و فوتر وردپرس برای تمرکز روی فرم */
    #wpadminbar, footer, header, .site-header, .entry-title, .nav-menu { display: none !important; }

    /* کانتینر فیکس شده در وسط مانیتور */
    .nv-fixed-center {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        max-width: 360px;
        padding: 20px;
        z-index: 9999;
    }

    .nv-login-content {
        text-align: center;
        direction: ltr !important; /* فیلدها انگلیسی باقی بمانند */
    }

    /* آیکون آبی بالای فرم */
    .nv-main-icon { color: #2ea1f8; margin-bottom: 35px; }
    .nv-main-icon svg { width: 100px; fill: currentColor; }

    /* کپسول‌های ورودی سفید */
    .nv-capsule {
        background: #ffffff !important;
        border-radius: 50px !important;
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 20px !important;
        margin-bottom: 15px !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
        border: none !important;
    }

    .nv-capsule svg.icon-start { color: #9ca3af; width: 18px; flex-shrink: 0; }
    .nv-v-line { width: 1px; height: 20px; background: #eee; margin: 0 15px; }

    .nv-capsule input {
        border: none !important;
        outline: none !important;
        background: transparent !important;
        flex: 1 !important;
        font-size: 14px !important;
        color: #333 !important;
        height: 100% !important;
        box-shadow: none !important;
    }

    /* رفع دو رنگ شدن فیلدها توسط مرورگر */
    input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus, 
    input:-webkit-autofill:active  {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
        -webkit-text-fill-color: #333 !important;
    }

    /* دکمه چشم برای نمایش پسورد */
    .toggle-password {
        cursor: pointer;
        color: #9ca3af;
        margin-left: 10px;
        display: flex;
        align-items: center;
    }

    /* ۲. اصلاح بخش مرا به خاطر بسپار (راست‌چین قطعی) */
    .nv-footer-row {
        width: 100%;
        margin-bottom: 25px;
        padding: 0 5px;
        text-align: right !important; /* راست‌چین کردن محتوا */
        direction: rtl !important;    /* جهت فارسی */
    }

    .nv-footer-row label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        font-size: 13px;
        color: #2ea1f8;
        user-select: none;
    }

    .nv-footer-row input[type="checkbox"] {
        width: 16px;
        height: 16px;
        cursor: pointer;
        accent-color: #2ea1f8; /* رنگ آبی برای تیک */
        margin: 0;
    }

    /* ۳. دکمه ورود به پورتال */
    .nv-btn-submit {
        background: #2ea1f8 !important;
        color: #ffffff !important;
        border: none !important;
        width: 100% !important;
        padding: 16px !important;
        border-radius: 50px !important;
        font-size: 17px !important;
        font-weight: bold !important;
        cursor: pointer !important;
        box-shadow: 0 6px 20px rgba(46, 161, 248, 0.3) !important;
        font-family: Tahoma, Arial !important;
    }
</style>

<div class="nv-fixed-center">
    <div class="nv-login-content">
        <div class="nv-main-icon">
            <svg viewBox="0 0 64 64"><circle cx="32" cy="18" r="9"/><path d="M32 30c-10 0-18 6-18 14v4h36v-4c0-8-8-14-18-14z"/><circle cx="12" cy="24" r="6" opacity="0.5"/><path d="M12 34c-6 0-11 4-11 9v3h14v-2.5c0-4-1-9.5-3-9.5z" opacity="0.5"/><circle cx="52" cy="24" r="6" opacity="0.5"/><path d="M52 34c6 0 11 4 11 9v3H49v-2.5c0-4 1-9.5 3-9.5z" opacity="0.5"/></svg>
        </div>

        <form method="post" id="loginForm">
            <div class="nv-capsule">
                <svg class="icon-start" fill="currentColor" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
                <div class="nv-v-line"></div>
                <input type="text" name="log" placeholder="USERNAME" required>
            </div>

            <div class="nv-capsule">
                <svg class="icon-start" fill="currentColor" viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>
                <div class="nv-v-line"></div>
                <input type="password" name="pwd" id="passwordField" placeholder="PASSWORD" required>
                <span class="toggle-password" onclick="togglePass()">
                    <svg id="eyeIcon" style="width:20px; fill:currentColor;" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>
                </span>
            </div>

            <div class="nv-footer-row">
                <label>
                    <input type="checkbox" name="rememberme" checked>
                    مرا به خاطر بسپار
                </label>
            </div>

            <button type="submit" name="nv_log_submit" class="nv-btn-submit">ورود به پورتال</button>
        </form>
    </div>
</div>

<script>
function togglePass() {
    const passField = document.getElementById('passwordField');
    const eyeIcon = document.getElementById('eyeIcon');
    if (passField.type === 'password') {
        passField.type = 'text';
        eyeIcon.style.color = '#2ea1f8';
    } else {
        passField.type = 'password';
        eyeIcon.style.color = '#9ca3af';
    }
}
</script>{"id":20,"date":"2026-02-16T17:33:51","date_gmt":"2026-02-16T14:03:51","guid":{"rendered":"https:\/\/portal.novatouch.ir\/?page_id=20"},"modified":"2026-02-16T19:31:05","modified_gmt":"2026-02-16T16:01:05","slug":"wallet","status":"publish","type":"page","link":"https:\/\/portal.novatouch.ir\/wallet\/","title":{"rendered":"\u062d\u0633\u0627\u0628\u062f\u0627\u0631\u06cc"},"content":{"rendered":"\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portal.novatouch.ir\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portal.novatouch.ir\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portal.novatouch.ir\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portal.novatouch.ir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.novatouch.ir\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":2,"href":"https:\/\/portal.novatouch.ir\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/portal.novatouch.ir\/wp-json\/wp\/v2\/pages\/20\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/portal.novatouch.ir\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}