.sytec-auth-ui {
	--sytec-login-primary: var(--wp--preset--color--primary, #2271b1);
	--sytec-login-secondary: var(--wp--preset--color--secondary, #135e96);
	--sytec-login-button: var(--wp--preset--color--primary, #2271b1);
	--sytec-login-button-text: #fff;
	--sytec-login-surface: var(--wp--preset--color--base, #fff);
	--sytec-login-border: #dcdcde;
	--sytec-login-text: var(--wp--preset--color--contrast, #1d2327);
	--sytec-login-muted: #646970;
	--sytec-form-max-width: 720px;
	--sytec-field-gap: 20px;
	--sytec-column-gap: 16px;
	--sytec-input-height: 48px;
	--sytec-input-radius: 4px;
	box-sizing: border-box;
	width: 100%;
	max-width: var(--sytec-form-max-width);
	margin: 2rem auto;
	color: var(--sytec-login-text);
}
.sytec-auth-ui *, .sytec-auth-ui *::before, .sytec-auth-ui *::after { box-sizing: inherit; }
.sytec-woocommerce-fields { --sytec-login-primary: #2271b1; --sytec-login-secondary: #135e96; --sytec-login-button: #2271b1; --sytec-login-button-text: #fff; --sytec-login-surface: #fff; --sytec-login-border: #dcdcde; --sytec-login-text: #1d2327; --sytec-login-muted: #646970; --sytec-form-max-width: 720px; --sytec-field-gap: 20px; --sytec-column-gap: 16px; --sytec-input-height: 48px; --sytec-input-radius: 4px; }
.sytec-auth-card, .sytec-auth-combined { padding: clamp(1.25rem, 4vw, 2rem); border: 1px solid var(--sytec-login-border); border-radius: 14px; background: var(--sytec-login-surface); box-shadow: 0 8px 30px rgba(0, 0, 0, .06); }
.sytec-auth-ui h2 { margin: 0 0 1.25rem; color: var(--sytec-login-text); font-size: clamp(1.4rem, 4vw, 1.8rem); }
.sytec-auth-form { display: grid; gap: var(--sytec-field-gap); min-width: 0; }
.sytec-auth-field { display: grid; gap: .4rem; min-width: 0; }
.sytec-auth-field label { color: var(--sytec-login-text); font-weight: 600; }
.sytec-auth-field input, .sytec-auth-field select, .sytec-auth-field textarea { display: block; width: 100%; max-width: 100%; min-height: var(--sytec-input-height); padding: .7rem .8rem; border: 1px solid var(--sytec-login-border); border-radius: var(--sytec-input-radius); background: var(--sytec-login-surface); color: var(--sytec-login-text); font: inherit; }
.sytec-auth-field textarea { min-height: calc(var(--sytec-input-height) * 2); resize: vertical; }
.sytec-auth-field.is-locked input[readonly], .sytec-auth-field.is-locked textarea[readonly], .sytec-auth-field.is-locked select[disabled], .sytec-club-enrollment__field input[readonly] { background: #f6f7f7; color: var(--sytec-login-muted, #646970); cursor: not-allowed; }
.sytec-auth-field-status, .sytec-club-enrollment__registered { display: block; margin-top: .35rem; color: #008a20; font-size: .82rem; font-weight: 600; }
.sytec-club-profile-fields { --sytec-form-max-width: 720px; --sytec-field-gap: 20px; --sytec-column-gap: 16px; --sytec-input-height: 48px; --sytec-input-radius: 4px; margin: var(--sytec-field-gap) 0; }
.sytec-auth-field input:focus, .sytec-auth-field select:focus, .sytec-auth-field textarea:focus { border-color: var(--sytec-login-primary); outline: 2px solid color-mix(in srgb, var(--sytec-login-primary) 25%, transparent); outline-offset: 1px; }
.sytec-fields-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); row-gap: var(--sytec-field-gap); column-gap: var(--sytec-column-gap); width: 100%; max-width: var(--sytec-form-max-width); min-width: 0; }
.sytec-field--full { grid-column: span 12; }
.sytec-field--three-quarters { grid-column: span 9; }
.sytec-field--two-thirds { grid-column: span 8; }
.sytec-field--half { grid-column: span 6; }
.sytec-field--third { grid-column: span 4; }
.sytec-field--quarter { grid-column: span 3; }
.sytec-woocommerce-fields { box-sizing: border-box; margin-bottom: var(--sytec-field-gap); }
.sytec-woocommerce-fields *, .sytec-woocommerce-fields *::before, .sytec-woocommerce-fields *::after { box-sizing: inherit; }
.sytec-auth-help { margin: 0; color: var(--sytec-login-muted); font-size: .875rem; }
.sytec-auth-check { display: flex; align-items: center; gap: .5rem; color: var(--sytec-login-text); }
.sytec-auth-check input { width: 1rem; height: 1rem; margin: 0; }
.sytec-auth-submit { display: inline-flex; justify-content: center; align-items: center; width: 100%; min-height: 44px; padding: .75rem 1rem; border: 0; border-radius: 8px; background: var(--sytec-login-button); color: var(--sytec-login-button-text); font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.sytec-auth-submit:hover, .sytec-auth-submit:focus { filter: brightness(.92); color: var(--sytec-login-button-text); }
.sytec-auth-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .65rem 1rem; }
.sytec-auth-links a { color: var(--sytec-login-primary); }
.sytec-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; margin-bottom: 1.5rem; padding: .3rem; border-radius: 10px; background: color-mix(in srgb, var(--sytec-login-border) 55%, transparent); }
.sytec-auth-tabs button { min-width: 0; padding: .65rem; border: 0; border-radius: 7px; background: transparent; color: var(--sytec-login-muted); font: inherit; font-weight: 700; cursor: pointer; }
.sytec-auth-tabs button[aria-selected="true"] { background: var(--sytec-login-surface); color: var(--sytec-login-primary); box-shadow: 0 1px 4px rgba(0, 0, 0, .08); }
.sytec-auth-panel[hidden] { display: none; }
.sytec-auth-notice { margin-bottom: 1rem; padding: .8rem 1rem; border-left: 4px solid var(--sytec-login-primary); border-radius: 6px; background: color-mix(in srgb, var(--sytec-login-primary) 8%, var(--sytec-login-surface)); }
.sytec-auth-notice.is-error { border-left-color: #b32d2e; background: #fcf0f1; color: #8a2424; }
.sytec-auth-notice.is-success { border-left-color: #008a20; background: #edfaef; color: #006b19; }
.sytec-auth-notice ul { margin: 0; padding-left: 1.15rem; }
.sytec-auth-account-link { max-width: 18rem; }
@media (max-width: 768px) {
	.sytec-auth-ui { max-width: 100%; margin: 1rem auto; }
	.sytec-auth-card, .sytec-auth-combined { padding: 1rem; border-radius: 10px; }
	.sytec-auth-links { flex-direction: column; }
}