<!DOCTYPE html>
<html>
<head>
    <style>
        form { max-width: 400px; margin: 0 auto; }
        label { display: block; margin-top: 10px; font-weight: bold; color: #1B3A5C; }
        input, select, textarea { width: 100%; padding: 8px; margin-top: 4px; border: 2px solid #ddd; border-radius: 8px; font-size: 14px; }
        input:focus { border-color: #2E86AB; outline: none; }
        button { margin-top: 15px; padding: 10px 30px; background: #2E86AB; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 16px; }
        button:hover { background: #1B3A5C; }
    </style>
</head>
<body>
    <h2 style="text-align:center">Ro'yxatdan o'tish</h2>
    <form>
        <label>Ism:</label>
        <input type="text" placeholder="Ismingiz" required>
        <label>Email:</label>
        <input type="email" placeholder="email@misol.uz" required>
        <label>Parol:</label>
        <input type="password" placeholder="Kamida 6 belgi" required>
        <label>Tug'ilgan sana:</label>
        <input type="date">
        <label>Jinsi:</label>
        <input type="radio" name="gender" value="erkak" style="width:auto"> Erkak
        <input type="radio" name="gender" value="ayol" style="width:auto"> Ayol
        <label><input type="checkbox" style="width:auto"> Shartlarga roziman</label>
        <button type="submit">Yuborish</button>
    </form>
</body>
</html>