{"id":16,"date":"2026-06-04T21:09:45","date_gmt":"2026-06-04T17:39:45","guid":{"rendered":"https:\/\/irln-clan.ir\/?page_id=16"},"modified":"2026-06-04T21:09:45","modified_gmt":"2026-06-04T17:39:45","slug":"pre-registration","status":"publish","type":"page","link":"https:\/\/irln-clan.ir\/?page_id=16","title":{"rendered":"\u067e\u06cc\u0634 \u062b\u0628\u062a \u0646\u0627\u0645"},"content":{"rendered":"        <div class=\"pre-reg-wrapper\">\r\n            <span class=\"corner-top-right\"><\/span>\r\n            <span class=\"corner-bottom-left\"><\/span>\r\n\r\n            <div class=\"form-title\">\u067e\u06cc\u0634\u200c\u062b\u0628\u062a\u200c\u0646\u0627\u0645<\/div>\r\n\r\n            <form method=\"post\" action=\"https:\/\/irln-clan.ir\/?page_id=16\" class=\"pre-reg-form\">\r\n                <input type=\"hidden\" id=\"pre_reg_nonce\" name=\"pre_reg_nonce\" value=\"44b7eb8d0e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F16\" \/>                <input type=\"hidden\" name=\"captcha_token\" value=\"gpOZDpMlkeYJ\">\r\n\r\n                <div class=\"pre-reg-field\">\r\n                    <label for=\"pr_name_fa\">\u0627\u0633\u0645 \u0628\u0647 \u0641\u0627\u0631\u0633\u06cc<\/label>\r\n                    <input type=\"text\" id=\"pr_name_fa\" name=\"name_fa\" required placeholder=\"\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\">\r\n                <\/div>\r\n\r\n                <div class=\"pre-reg-field\">\r\n                    <label for=\"pr_steam_name\">\u0627\u0633\u0645 \u062a\u0648\u06cc \u0627\u0633\u062a\u06cc\u0645<\/label>\r\n                    <input type=\"text\" id=\"pr_steam_name\" name=\"steam_name\" required placeholder=\"Steam name\">\r\n                <\/div>\r\n\r\n                <div class=\"pre-reg-field\">\r\n                    <label for=\"pr_phone\">\u0634\u0645\u0627\u0631\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644<\/label>\r\n                    <input type=\"text\" id=\"pr_phone\" name=\"phone\" required placeholder=\"\u0645\u062b\u0627\u0644: 09123456789\" pattern=\"(\\+98|0)?9\\d{9}\" inputmode=\"numeric\">\r\n                <\/div>\r\n\r\n                <div class=\"pre-reg-field captcha-group\">\r\n                    <label for=\"pr_captcha\">\u06a9\u062f \u0627\u0645\u0646\u06cc\u062a\u06cc<\/label>\r\n                    <div class=\"captcha-display\">\r\n                        <span class=\"captcha-code\">YMB92<\/span>\r\n                    <\/div>\r\n                    <input type=\"text\" id=\"pr_captcha\" name=\"captcha_input\" required placeholder=\"\u06a9\u062f \u0628\u0627\u0644\u0627 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f\" autocomplete=\"off\">\r\n                <\/div>\r\n\r\n                <div class=\"pre-reg-field\">\r\n                    <button type=\"submit\" name=\"pre_register_submit\" class=\"pre-reg-btn\">\u062b\u0628\u062a \u0646\u0627\u0645<\/button>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n                <style>\r\n            :root {\r\n                --bg: #f4f8fc;\r\n                --gold: #c99c2c;\r\n                --gold-light: #e7b84c;\r\n                --blue-dark: #0a2a44;\r\n                --red: #a51c30;\r\n                --red-light: #c53030;\r\n                --white: #ffffff;\r\n                --text-dark: #0a1a2a;\r\n                --card-bg: rgba(255, 255, 255, 0.94);\r\n            }\r\n\r\n            body {\r\n                background: linear-gradient(135deg, #eaf2f8 0%, #f4f8fc 100%);\r\n                font-family: 'Vazirmatn', sans-serif;\r\n                margin: 0;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                min-height: 100vh;\r\n                direction: rtl;\r\n            }\r\n\r\n            .particles {\r\n                position: fixed;\r\n                inset: 0;\r\n                pointer-events: none;\r\n                z-index: 0;\r\n            }\r\n            .particle {\r\n                position: absolute;\r\n                opacity: 0;\r\n                animation: floatUp 8s infinite;\r\n            }\r\n            .particle.circle {\r\n                border-radius: 50%;\r\n            }\r\n            .particle.diamond {\r\n                transform: rotate(45deg);\r\n                border-radius: 2px;\r\n            }\r\n            .particle.gold {\r\n                background: var(--gold-light);\r\n                box-shadow: 0 0 10px var(--gold);\r\n            }\r\n            .particle.red {\r\n                background: var(--red-light);\r\n                box-shadow: 0 0 10px var(--red);\r\n            }\r\n            @keyframes floatUp {\r\n                0% { transform: translateY(100vh) scale(0) rotate(0deg); opacity: 0; }\r\n                10% { opacity: 0.6; }\r\n                90% { opacity: 0.6; }\r\n                100% { transform: translateY(-10vh) scale(1.8) rotate(180deg); opacity: 0; }\r\n            }\r\n\r\n            .pre-reg-wrapper {\r\n                position: relative;\r\n                z-index: 10;\r\n                width: 90%;\r\n                max-width: 560px;\r\n                background: var(--card-bg);\r\n                backdrop-filter: blur(30px);\r\n                -webkit-backdrop-filter: blur(30px);\r\n                border-radius: 48px;\r\n                padding: 3rem 3rem;\r\n                border: 2px solid var(--gold);\r\n                box-shadow: \r\n                    0 30px 80px rgba(10, 42, 68, 0.25),\r\n                    0 0 0 10px rgba(201, 156, 44, 0.1),\r\n                    0 0 0 3px rgba(165, 28, 48, 0.3),\r\n                    inset 0 0 50px rgba(255,255,255,0.8),\r\n                    inset 0 0 120px rgba(201, 156, 44, 0.08);\r\n                transition: all 0.4s ease;\r\n                animation: cardEntry 1.2s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\r\n            }\r\n            @keyframes cardEntry {\r\n                0% { opacity: 0; transform: translateY(50px) scale(0.95); }\r\n                100% { opacity: 1; transform: translateY(0) scale(1); }\r\n            }\r\n\r\n            .pre-reg-wrapper::before,\r\n            .pre-reg-wrapper::after {\r\n                content: \"\";\r\n                position: absolute;\r\n                width: 50px;\r\n                height: 50px;\r\n                border: 2px solid var(--gold);\r\n                opacity: 0.7;\r\n                pointer-events: none;\r\n            }\r\n            .pre-reg-wrapper::before {\r\n                top: 20px;\r\n                left: 20px;\r\n                border-right: none;\r\n                border-bottom: none;\r\n                border-radius: 16px 0 0 0;\r\n            }\r\n            .pre-reg-wrapper::after {\r\n                bottom: 20px;\r\n                right: 20px;\r\n                border-left: none;\r\n                border-top: none;\r\n                border-radius: 0 0 16px 0;\r\n            }\r\n\r\n            .corner-top-right,\r\n            .corner-bottom-left {\r\n                position: absolute;\r\n                width: 50px;\r\n                height: 50px;\r\n                border: 2px solid var(--gold);\r\n                opacity: 0.7;\r\n                pointer-events: none;\r\n            }\r\n            .corner-top-right {\r\n                top: 20px;\r\n                right: 20px;\r\n                border-left: none;\r\n                border-bottom: none;\r\n                border-radius: 0 16px 0 0;\r\n            }\r\n            .corner-bottom-left {\r\n                bottom: 20px;\r\n                left: 20px;\r\n                border-right: none;\r\n                border-top: none;\r\n                border-radius: 0 0 0 16px;\r\n            }\r\n\r\n            .pre-reg-wrapper:hover {\r\n                box-shadow: \r\n                    0 40px 90px rgba(10, 42, 68, 0.35),\r\n                    0 0 0 10px rgba(201, 156, 44, 0.2),\r\n                    0 0 0 3px rgba(165, 28, 48, 0.5),\r\n                    inset 0 0 60px rgba(255,255,255,0.9),\r\n                    inset 0 0 140px rgba(201, 156, 44, 0.12);\r\n                transform: translateY(-5px);\r\n            }\r\n\r\n            .form-title {\r\n                text-align: center;\r\n                margin-bottom: 2.2rem;\r\n                font-size: 2.3rem;\r\n                font-weight: 900;\r\n                background: linear-gradient(135deg, #c99c2c 0%, #a51c30 80%);\r\n                -webkit-background-clip: text;\r\n                -webkit-text-fill-color: transparent;\r\n                background-clip: text;\r\n                letter-spacing: 3px;\r\n                filter: drop-shadow(0 4px 8px rgba(201, 156, 44, 0.3));\r\n            }\r\n            .form-title::after {\r\n                content: \"\";\r\n                display: block;\r\n                width: 80px;\r\n                height: 3px;\r\n                background: linear-gradient(90deg, var(--gold), var(--red));\r\n                margin: 0.7rem auto 0;\r\n                border-radius: 3px;\r\n            }\r\n\r\n            .pre-reg-field {\r\n                margin-bottom: 2rem;\r\n                position: relative;\r\n            }\r\n            .pre-reg-field label {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 0.5rem;\r\n                margin-bottom: 0.6rem;\r\n                font-weight: 600;\r\n                font-size: 0.95rem;\r\n                color: var(--blue-dark);\r\n            }\r\n            .pre-reg-field label::before {\r\n                content: \"\";\r\n                display: inline-block;\r\n                width: 10px;\r\n                height: 10px;\r\n                background: var(--gold);\r\n                clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\r\n                flex-shrink: 0;\r\n                box-shadow: 0 0 6px var(--gold-light);\r\n            }\r\n            .captcha-group label::before {\r\n                clip-path: none;\r\n                border-radius: 50%;\r\n                background: transparent;\r\n                border: 2px solid var(--gold);\r\n                width: 12px;\r\n                height: 12px;\r\n                box-shadow: inset 0 0 0 3px var(--white), 0 0 6px var(--gold-light);\r\n            }\r\n\r\n            .pre-reg-form input[type=\"text\"] {\r\n                width: 100%;\r\n                padding: 0.9rem 1.2rem;\r\n                background: rgba(255, 255, 255, 0.8);\r\n                border: 1px solid rgba(201, 156, 44, 0.5);\r\n                border-radius: 16px;\r\n                color: var(--text-dark);\r\n                font-size: 1rem;\r\n                font-family: inherit;\r\n                outline: none;\r\n                transition: all 0.3s ease;\r\n                box-shadow: inset 0 2px 8px rgba(10, 42, 68, 0.05);\r\n            }\r\n            .pre-reg-form input[type=\"text\"]:focus {\r\n                border-color: var(--red);\r\n                background: #ffffff;\r\n                box-shadow: 0 0 20px -3px var(--red-light), inset 0 2px 8px rgba(10, 42, 68, 0.1);\r\n            }\r\n\r\n            .pre-reg-field::after {\r\n                content: \"\";\r\n                position: absolute;\r\n                bottom: 0;\r\n                right: 50%;\r\n                width: 0;\r\n                height: 2px;\r\n                background: linear-gradient(90deg, var(--red), var(--gold));\r\n                transition: all 0.5s ease;\r\n                border-radius: 2px;\r\n            }\r\n            .pre-reg-field:focus-within::after {\r\n                width: 100%;\r\n                right: 0;\r\n            }\r\n\r\n            .captcha-code {\r\n                display: inline-block;\r\n                background: linear-gradient(145deg, #f4f8fc, #e6eff7);\r\n                border: 2px solid var(--red);\r\n                border-radius: 14px;\r\n                padding: 0.5rem 2.2rem;\r\n                font-size: 2rem;\r\n                font-weight: bold;\r\n                letter-spacing: 8px;\r\n                color: #0a2a44;\r\n                text-shadow: 0 1px 2px rgba(255,255,255,0.8);\r\n                box-shadow: 0 0 20px rgba(165, 28, 48, 0.4) inset, 0 6px 12px rgba(10, 42, 68, 0.15);\r\n                position: relative;\r\n                overflow: hidden;\r\n                transform: rotate(-0.5deg);\r\n                user-select: none;\r\n                animation: sealStamp 0.8s ease-out;\r\n            }\r\n            .captcha-code::before {\r\n                content: \"\";\r\n                position: absolute;\r\n                top: 8px;\r\n                left: 12px;\r\n                width: 12px;\r\n                height: 10px;\r\n                border: 2px solid var(--gold);\r\n                border-radius: 8px 8px 0 0;\r\n                border-bottom: none;\r\n            }\r\n            @keyframes sealStamp {\r\n                0% { transform: rotate(-0.5deg) scale(0.7); opacity: 0; }\r\n                100% { transform: rotate(-0.5deg) scale(1); opacity: 1; }\r\n            }\r\n            .captcha-code::after {\r\n                content: \"\";\r\n                position: absolute;\r\n                top: 0;\r\n                left: -100%;\r\n                width: 100%;\r\n                height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent);\r\n                animation: shine 2.5s infinite;\r\n            }\r\n            @keyframes shine {\r\n                0% { left: -100%; }\r\n                100% { left: 100%; }\r\n            }\r\n\r\n            .pre-reg-btn {\r\n                width: 100%;\r\n                padding: 1.1rem;\r\n                background: linear-gradient(135deg, #a51c30, #c99c2c, #0a2a44);\r\n                border: none;\r\n                border-radius: 18px;\r\n                color: #ffffff;\r\n                font-weight: 700;\r\n                font-size: 1.2rem;\r\n                font-family: inherit;\r\n                cursor: pointer;\r\n                letter-spacing: 3px;\r\n                text-transform: uppercase;\r\n                box-shadow: 0 12px 30px -5px rgba(165, 28, 48, 0.6), 0 8px 20px rgba(201, 156, 44, 0.5);\r\n                transition: all 0.3s ease;\r\n                background-size: 300% auto;\r\n                animation: royalShine 4s linear infinite;\r\n                border: 1px solid rgba(255,255,255,0.2);\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            @keyframes royalShine {\r\n                0% { background-position: 0% center; }\r\n                100% { background-position: 300% center; }\r\n            }\r\n            .pre-reg-btn::before {\r\n                content: \"\";\r\n                position: absolute;\r\n                top: -50%;\r\n                left: -50%;\r\n                width: 200%;\r\n                height: 200%;\r\n                background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, transparent 70%);\r\n                opacity: 0;\r\n                transition: opacity 0.4s;\r\n            }\r\n            .pre-reg-btn:hover::before {\r\n                opacity: 1;\r\n            }\r\n            .pre-reg-btn:hover {\r\n                transform: translateY(-4px);\r\n                box-shadow: 0 20px 40px -5px rgba(165, 28, 48, 0.8), 0 10px 25px rgba(201, 156, 44, 0.7);\r\n            }\r\n            .pre-reg-btn:active {\r\n                transform: translateY(2px);\r\n                box-shadow: 0 8px 20px -5px rgba(165, 28, 48, 0.6);\r\n            }\r\n\r\n            .pre-reg-success {\r\n                text-align: center;\r\n                padding: 2rem;\r\n                font-size: 1.3rem;\r\n                font-weight: 700;\r\n                color: var(--text-dark);\r\n                background: rgba(255, 255, 255, 0.95);\r\n                backdrop-filter: blur(10px);\r\n                border: 2px solid var(--gold);\r\n                border-radius: 20px;\r\n                max-width: 480px;\r\n                margin: 3rem auto;\r\n                box-shadow: 0 20px 40px rgba(10, 42, 68, 0.2);\r\n            }\r\n            .pre-reg-error {\r\n                background: rgba(255, 235, 235, 0.95);\r\n                border: 1px solid var(--red);\r\n                color: var(--red);\r\n                padding: 0.8rem 1rem;\r\n                border-radius: 12px;\r\n                margin-bottom: 1.8rem;\r\n                text-align: center;\r\n                backdrop-filter: blur(5px);\r\n                font-weight: 600;\r\n            }\r\n        <\/style>\r\n                <script>\r\n            (function() {\r\n                const container = document.getElementById('particles');\r\n                if (!container) return;\r\n                for (let i = 0; i < 30; i++) {\r\n                    const particle = document.createElement('div');\r\n                    particle.classList.add('particle');\r\n                    if (i < 15) {\r\n                        particle.classList.add('gold', 'circle');\r\n                    } else if (i < 25) {\r\n                        particle.classList.add('red', 'circle');\r\n                    } else {\r\n                        particle.classList.add('gold', 'diamond');\r\n                    }\r\n                    const size = Math.random() * 10 + 3;\r\n                    particle.style.width = size + 'px';\r\n                    particle.style.height = size + 'px';\r\n                    particle.style.left = Math.random() * 100 + '%';\r\n                    particle.style.animationDuration = Math.random() * 8 + 8 + 's';\r\n                    particle.style.animationDelay = Math.random() * 6 + 's';\r\n                    container.appendChild(particle);\r\n                }\r\n            })();\r\n        <\/script>\r\n        \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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/irln-clan.ir\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irln-clan.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/irln-clan.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/irln-clan.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irln-clan.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":0,"href":"https:\/\/irln-clan.ir\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"wp:attachment":[{"href":"https:\/\/irln-clan.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}