<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Регистрация | Технд Плюс</title>
<style>
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;display:flex;min-height:100vh;align-items:center;justify-content:center;background:linear-gradient(135deg,#1E88E5,#1565C0)}
.box{background:#fff;border-radius:20px;padding:2.5rem;max-width:420px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.15)}
.box h1{font-size:1.5rem;text-align:center;margin-bottom:.5rem}
.box p{color:#888;text-align:center;margin-bottom:1.5rem;font-size:.9rem}
input{width:100%;padding:.85rem 1rem;border:2px solid #E2E8F0;border-radius:12px;font-size:.95rem;margin-bottom:.75rem;font-family:inherit;outline:none;box-sizing:border-box}
input:focus{border-color:#1E88E5}
.pw-wrap{position:relative}.pw-wrap input{padding-right:3rem}.pw-wrap .toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.2rem;color:#888;padding:4px 8px}
button{width:100%;padding:.9rem;background:linear-gradient(135deg,#1E88E5,#F26522);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer}
button:hover{opacity:.9}
.error{background:#FEF2F2;color:#DC2626;padding:.8rem 1rem;border-radius:10px;font-size:.85rem;margin-bottom:1rem;line-height:1.4}
.links{text-align:center;margin-top:1rem;font-size:.85rem}
.links a{color:#1E88E5;text-decoration:none}.links a:hover{text-decoration:underline}
</style></head><body>
<div class="box">
<h1>Технд Плюс</h1>
<p>Регистрация</p>
<form method="POST">
<input name="email" type="email" placeholder="Email *" value="" required autofocus />
<input name="name" placeholder="Ваше имя *" value="" required />
<input name="phone" type="tel" placeholder="Телефон *" value="" required />
<div class="pw-wrap"><input name="password" type="password" id="regPw1" placeholder="Пароль (мин. 6 символов)" required /><button type="button" class="toggle" onclick="var e=document.getElementById('regPw1');e.type=e.type==='password'?'text':'password';this.textContent=e.type==='password'?'👁':'🙈'">👁</button></div>
<div class="pw-wrap"><input name="password2" type="password" id="regPw2" placeholder="Повторите пароль" required /><button type="button" class="toggle" onclick="var e=document.getElementById('regPw2');e.type=e.type==='password'?'text':'password';this.textContent=e.type==='password'?'👁':'🙈'">👁</button></div>
<button type="submit">Зарегистрироваться</button>
</form>
<div class="links"><a href="/login.php">Вход</a> &middot; <a href="/">На сайт</a></div>
</div>
</body></html>
