1<!DOCTYPE html>
2
3<html lang="ru">
4
5<head>
6
7<meta charset="UTF-8">
8
9<meta name="viewport" content="width=device-width, initial-scale=1.0">
10
11<title>
12IndexerPro — Регистрация</title>
13
14<style>
15
16*{margin:0;padding:0;box-sizing:border-box}
17:root{--bg:#0d1117;--bg2:#161b22;--bg3:#21262d;--border:rgba(255,255,255,0.12);--text:#f0f6fc;--text2:#c9d1d9;--text3:#8b949e;--text4:#6e7681;--accent:#58a6ff;--accent2:#1f6feb;--green:#56d364}
18body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:14px;
-webkit-font-smoothing:antialiased}
19.wrap{width:100%;max-width:420px;padding:24px}
20.logo{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:32px}
21.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,#1f6feb,#8957e5);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff}
22.logo-text{font-size:22px;font-weight:700;color:var(--text)}
23.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:28px}
24.card-title{font-size:18px;font-weight:700;margin-bottom:4px}
25.card-sub{font-size:13px;color:var(--text3);margin-bottom:20px}
26.form-group{margin-bottom:14px}
27label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:6px}
28input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;padding:9px 12px;outline:none;font-family:inherit;transition:border-color 0.15s}
29input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(88,166,255,0.1)}
30input::placeholder{color:var(--text4)}
31.hint{font-size:11px;color:var(--text4);margin-top:4px}
32.pw-wrap{position:relative}
33.pw-wrap input{padding-right:40px}
34.pw-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text4);font-size:16px;user-select:none;line-height:1}
35.pw-eye:hover{color:var(--text2)}
36.btn{width:100%;padding:10px;background:var(--accent2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;margin-top:8px;transition:background 0.15s}
37.btn:hover{background:#388bfd}
38.footer{text-align:center;margin-top:20px;font-size:13px;color:var(--text3)}
39.footer a{color:var(--accent);text-decoration:none;font-weight:500}
40.error{background:rgba(255,123,114,0.08);border:1px solid rgba(255,123,114,0.25);border-radius:8px;padding:10px 14px;font-size:13px;color:#ff7b72;margin-bottom:16px}
41.bonus{background:rgba(86,211,100,0.08);border:1px solid rgba(86,211,100,0.2);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--green);margin-bottom:20px}
42.lang-sw{display:flex;justify-content:center;gap:8px;margin-bottom:20px}
43.lang-sw a{text-decoration:none;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid var(--border);color:var(--text3)}
44.lang-sw a.active{background:var(--accent2);color:#fff;border-color:var(--accent2)}
45</style>
46
47<script src="https://www.google.com/recaptcha/api.js" async defer>
48</script>
49
50<link rel="icon" href="/favicon.png" type="image/png">
51
52</head>
53
54<body>
55
56<div class="wrap">
57
58 <div class="logo">
59
60 <div class="logo-icon">
61I</div>
62
63 <span class="logo-text">
64IndexerPro</span>
65
66 </div>
67
68
69 <div class="lang-sw">
70
71
<a href="https://indexerpro.net/lang/en?redirect=https%3A%2F%2Findexerpro.net%2Fregister" class="">
72🇺🇸 EN</a>
73
74
<a href="https://indexerpro.net/lang/ru?redirect=https%3A%2F%2Findexerpro.net%2Fregister" class="active">
75🇷🇺 RU</a>
76
77 </div>
78
79
80 <div class="card">
81
82 <div class="card-title">
83Создать аккаунт</div>
84
85
<div class="card-sub">
86Начните за 30 секунд</div>
87
88
89 <div class="bonus">
90
91 🎁 Бонус при регистрации:
92 <strong>
9320 бесплатных URL</strong>
94
95 </div>
96
97
98
99
<div style="background:rgba(255,193,7,0.08);border:1px solid rgba(255,193,7,0.25);border-radius:8px;padding:10px 14px;font-size:12px;color:#e3b341;margin-bottom:16px">
100
101 ⚠️ Аккаунты без активности (0 ссылок, 0 пополнений) автоматически удаляются через 3 месяца после регистрации.
102 </div>
103
104
105
106 <form method="POST" action="/register">
107
108
<input type="hidden" name="_token" value="cplK5ImWBkriQHx3TwgMwltvOG5cZoDHgUU1JiSI" autocomplete="off">
109 <input type="hidden" name="ref" value="">
110
111
112 <div class="form-group">
113
114 <label>
115Ваше имя</label>
116
117 <input type="text" name="name" placeholder="Иван Иванов" value="" required autofocus>
118
119 </div>
120
121 <div class="form-group">
122
123 <label>
124Username (логин)</label>
125
126 <input type="text" name="username" placeholder="johndoe" value="" required
127 pattern="[a-zA-Z0-9_]+" title="Только буквы, цифры и _"
128 style="font-family:monospace">
129
130
<div class="hint">
131Публичный логин. Только буквы, цифры и _</div>
132
133 </div>
134
135 <div class="form-group">
136
137 <label>
138Email</label>
139
140 <input type="email" name="email" placeholder="you@example.com" value="" required>
141
142 </div>
143
144 <div class="form-group">
145
146 <label>
147Пароль</label>
148
149 <div class="pw-wrap">
150
151
<input type="password" name="password" id="pw1" placeholder="Минимум 8 символов" required>
152
153 <span class="pw-eye" onclick="togglePw('pw1',this)">
154👁</span>
155
156 </div>
157
158 </div>
159
160 <div class="form-group">
161
162 <label>
163Подтвердите пароль</label>
164
165 <div class="pw-wrap">
166
167
<input type="password" name="password_confirmation" id="pw2" placeholder="Повторите пароль" required>
168
169 <span class="pw-eye" onclick="togglePw('pw2',this)">
170👁</span>
171
172 </div>
173
174 </div>
175
176 <div class="g-recaptcha" data-sitekey="6Lf4F9csAAAAAPgSaNH_HCqri0wlt7nl1qoNpo2X" data-callback="onCaptchaSolved" data-expired-callback="onCaptchaExpired" style="margin-bottom:12px">
177</div>
178
179 <button type="submit" class="btn" id="submit-btn" disabled style="opacity:0.5;cursor:not-allowed">
180Создать аккаунт →</button>
181
182 </form>
183
184 </div>
185
186
<div class="footer">
187
188 Уже есть аккаунт?
189 <a href="/login">
190Войти</a>
191
192 </div>
193
194</div>
195
196<script>
197
198function togglePw(id, el) {
199 var inp = document.getElementById(id);
200 if (inp.type === 'password') { inp.type = 'text'; el.style.color='var(--accent)'; }
201 else { inp.type = 'password'; el.style.color='var(--text4)'; }
202}
203function onCaptchaSolved() {
204 var btn = document.getElementById('submit-btn');
205 btn.disabled = false;
206 btn.style.opacity = '1';
207 btn.style.cursor = 'pointer';
208}
209function onCaptchaExpired() {
210 var btn = document.getElementById('submit-btn');
211 btn.disabled = true;
212 btn.style.opacity = '0.5';
213 btn.style.cursor = 'not-allowed';
214}
215</script>
216
217</body>
218
219</html>
220