.register-form {
            display: flex;
            flex-direction: column;
            gap: 16px;
            max-width: 420px;
        }

        .register-form .form-field {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }

        .register-form input:not([type="hidden"]) {
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
        }

        .register-actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px;
            margin-top: 8px;
        }

        .register-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            margin-top: 24px;
        }

        .register-links a {
            display: inline-block;
        }

        .register-links button {
            max-width: 100%;
        }

        .register-honeypot {
            position: absolute;
            left: -10000px;
            width: 1px;
            height: 1px;
            overflow: hidden;
        }

        @media (max-width: 600px) {
            .register-links {
                justify-content: flex-start;
            }
        }