.theory-tabs { display: flex; justify-content: center; gap: 0; margin-bottom: var(--hd-space-3); background: var(--hd-graphite); border-radius: var(--hd-radius-sm); overflow: hidden; max-width: 440px; margin-left: auto; margin-right: auto; }
.theory-tab { flex: 1; padding: 13px 0; font-size: 14px; font-weight: 500; background: transparent; border: none; cursor: pointer; color: var(--hd-text-secondary); transition: all var(--hd-transition); }
.theory-tab--active { background: var(--hd-black); color: var(--hd-text-primary); font-weight: 600; }
#theory-form-wrapper { max-width: 440px; margin: 0 auto; }
.woocommerce form.login, .woocommerce form.register { background: var(--hd-dark-gray); border-radius: var(--hd-radius-md); padding: var(--hd-space-5) var(--hd-space-4); box-shadow: var(--hd-shadow); border: var(--hd-border-card); }
.woocommerce form.login input[type="text"], .woocommerce form.login input[type="email"], .woocommerce form.login input[type="password"],
.woocommerce form.register input[type="text"], .woocommerce form.register input[type="email"], .woocommerce form.register input[type="password"] { width: 100%; padding: 12px 14px; border: 1px solid var(--hd-border-color); border-radius: var(--hd-radius-sm); font-size: 14px; background: var(--hd-black); color: var(--hd-text-primary); box-sizing: border-box; }
.woocommerce button[type="submit"] { width: 100%; padding: 14px; font-size: 15px; font-weight: 600; border-radius: var(--hd-radius-sm); background: var(--hd-gold); color: var(--hd-black); border: none; cursor: pointer; margin-top: 12px; transition: background var(--hd-transition); font-family: var(--hd-font-body); }
.woocommerce button[type="submit"]:hover { background: var(--hd-gold-hover); }
.theory-password-field-wrap { position: relative; }
.theory-toggle-password { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: var(--hd-text-secondary); padding: 4px; }
.theory-eye-icon { width: 1.2em; height: 1.2em; display: block; }
.theory-eye-icon--open { display: block; } .theory-eye-icon--closed { display: none; }
.theory-toggle-password.is-password-visible .theory-eye-icon--open { display: none; } .theory-toggle-password.is-password-visible .theory-eye-icon--closed { display: block; }
#theory-password-strength, #theory-password-match { font-size: 12px; margin-top: 4px; }
.theory-strength-weak { color: var(--hd-error); } .theory-strength-good { color: var(--hd-success); }
.theory-match-ok { color: var(--hd-success); } .theory-match-fail { color: var(--hd-error); }
.theory-google-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 12px; background: transparent; color: var(--hd-text-primary); border: 1px solid var(--hd-border-color); border-radius: var(--hd-radius-sm); font-size: 14px; font-weight: 500; text-decoration: none; transition: border-color var(--hd-transition); }
.theory-google-btn:hover { border-color: var(--hd-gold); }
.theory-google-btn__icon { display: inline-flex; align-items: center; }
.theory-or-divider { display: flex; align-items: center; margin: 20px 0; color: var(--hd-text-muted); font-size: 13px; }
.theory-or-divider::before, .theory-or-divider::after { content: ''; flex: 1; height: 1px; background: var(--hd-border-color); }
.theory-or-divider span { padding: 0 12px; }
.theory-terms-row { margin-top: 12px; }
.theory-terms-label { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--hd-text-secondary); cursor: pointer; }
.theory-terms-checkbox { width: auto; margin: 0; }