<fieldset class="mb-4 p-3 border rounded-3 bg-white shadow-sm fieldset-bg">
    <legend class="fw-bold fs-6 mb-3">Личная информация</legend>
    <div class="row g-3">
        <div class="col-md-6 mb-2 mt-0">
            <label for="reg_name">Имя и фамилия:</label>
            <input type="text" id="reg_name" name="reg_name" autocomplete="name" class="form-control" required>
            <div class="invalid-feedback">Укажите ваше имя и фамилию.</div>
        </div>

        <div class="col-md-6 mb-2 mt-0">
            <label for="reg_email">E-mail:</label>
            <input type="email" id="reg_email" name="reg_email" class="form-control" required autocomplete="email">
            <div class="invalid-feedback">Введите корректный email.</div>
        </div>

        <div class="col-md-6 mb-2 mt-0">
            <label for="reg_country">Страна:</label>
            <input type="text" id="reg_country" name="reg_country" class="form-control" autocomplete="country" required>
            <div class="invalid-feedback">Укажите вашу страну.</div>
        </div>

        <div class="col-md-6 mb-2 mt-0">
            <label for="reg_city">Город:</label>
            <input type="text" id="reg_city" name="reg_city" class="form-control" autocomplete="address-level2" required>
            <div class="invalid-feedback">Укажите ваш город.</div>
        </div>

        <div class="col-md-6 mb-2 mt-0">
            <label for="reg_phone">Телефон:</label>
            <input type="text" id="reg_phone" name="reg_phone" class="form-control" autocomplete="tel" required>
            <div class="invalid-feedback">Укажите ваш номер телефона.</div>
        </div>

        <div class="col-md-6 mb-2 mt-0">
            <label for="reg_age">Возраст:</label>
            <input type="number" id="reg_age" name="reg_age" class="form-control" autocomplete="bday" required>
            <div class="invalid-feedback">Укажите ваш возраст.</div>
        </div>

        <div class="col-md-6 mb-2 mt-0">
            <label for="reg_password">Пароль:</label>
            <input type="password" id="reg_password" name="reg_password" class="form-control" required autocomplete="new-password">
            <div class="invalid-feedback">Введите пароль.</div>
        </div>

        <div class="col-md-6 mb-2 mt-0">
            <label for="reg_password_repeat">Повторите пароль:</label>
            <input type="password" id="reg_password_repeat" name="reg_password_repeat" class="form-control" required autocomplete="new-password">
            <div class="invalid-feedback">Пароли не совпадают.</div>
        </div>

        <div class="col-md-6 mb-2 mt-0">
            <label for="reg_gender">Пол:</label>
            <select id="reg_gender" name="reg_gender" class="form-control" required>
                <option value="">Выберите...</option>
                <option value="male">Мужской</option>
                <option value="female">Женский</option>
                <option value="other">Другое</option>
            </select>
            <div class="invalid-feedback">Пожалуйста, выберите пол.</div>
        </div>
        <div class="col-md-6 mb-2 mt-0">
            <label for="referral_code">Referral link/number:</label>
            <input type="text" id="referral_code" name="referral_code" class="form-control" autocomplete="off">
        </div>
        <div class="col-md-12 w-100 mt-0">
            <label for="profileImage">Аватар профиля:</label>
            <input id="profileImage" name="image" type="file" accept="image/*" class="form-control" required aria-describedby="error">
            <div id="error" class="invalid-feedback">Изображение должно быть минимум 300x300 пикселей.</div>
        </div>
    </div>
</fieldset>

<fieldset class="mb-4 p-3 border rounded-3 bg-white shadow-sm fieldset-bg">
    <legend class="fw-bold fs-6 mb-3">Что вы планируете делать на платформе?</legend>

    <label><input type="checkbox" name="activity_watch" id="activity_watch"> Смотреть / читать контент</label><br>
    <label><input type="checkbox" name="activity_sweepstakes" id="activity_sweepstakes"> Участвовать в розыгрышах и аукционах</label><br>
    <label><input type="checkbox" name="activity_earn" id="activity_earn"> Зарабатывать</label><br>
    <label><input type="checkbox" name="activity_support" id="activity_support"> Поддерживать креаторов </label><br>
    <label><input type="checkbox" name="activity_buy" id="activity_buy"> Покупать товары или услуги</label><br>
    <label><input type="checkbox" name="activity_bonus" id="activity_bonus"> Получать бонусы / участвовать в активности</label><br>

    <label>
        <input type="checkbox" name="activity_other" id="activity_other"> Другое:
    </label>
    <input type="text" name="activity_other_text" id="activity_other_text" class="form-control w-100">
</fieldset>
<style>
    [data-bs-theme="dark"] .fieldset-bg {
        background-color: var(--bs-body-bg) !important;
    }
</style>