body {
			background:
				radial-gradient(circle at top left, rgba(212, 168, 67, 0.16), transparent 28%),
				radial-gradient(circle at bottom right, rgba(110, 211, 166, 0.08), transparent 24%),
				linear-gradient(180deg, #09080e 0%, #11111a 56%, #0c0b12 100%);
		}

		.auth-page {
			background: transparent;
		}

		.auth-card {
			background: linear-gradient(180deg, rgba(18, 18, 28, 0.98), rgba(12, 12, 20, 0.98));
			border: 1px solid rgba(212, 168, 67, 0.16);
			box-shadow: var(--shadow-elevated);
		}

		.auth-card .logo,
		.auth-title,
		.auth-header h1,
		#step-1 h2 {
			color: var(--color-text-primary);
		}

		.auth-subtitle,
		.auth-footer,
		.auth-footer p,
		.form-label,
		.form-hint {
			color: var(--color-text-secondary);
		}

		.auth-card .logo-icon span {
			background: linear-gradient(180deg, #e8c56e 0%, #c99828 100%);
		}

		.user-type-card {
			background: rgba(15, 15, 26, 0.88) !important;
			border: 2px solid var(--color-border) !important;
			color: var(--color-text-primary);
			box-shadow: none;
		}

		.user-type-card:hover {
			border-color: #d4a843 !important;
			background: rgba(212, 168, 67, 0.08) !important;
			transform: translateY(-2px);
		}

		.user-type-card.selected {
			background: rgba(212, 168, 67, 0.14) !important;
			border-color: #d4a843 !important;
			box-shadow: 0 0 0 3px rgba(212, 168, 67, 0.14), 0 0 28px rgba(212, 168, 67, 0.18);
			transform: translateY(-2px);
		}

		.user-type-card [style*="color: var(--color-text-muted)"] {
			color: var(--color-text-muted) !important;
		}

		.user-type-card.selected [style*="color: var(--color-text-muted)"] {
			color: var(--color-text-secondary) !important;
		}

		.category-chip {
			background: rgba(15, 15, 26, 0.88) !important;
			border: 1px solid var(--color-border);
			color: var(--color-text-secondary);
		}

		.category-chip.selected {
			background: #d4a843 !important;
			border-color: #d4a843;
			color: #121212 !important;
		}

		.form-input {
			background: rgba(15, 15, 26, 0.92);
			border-color: var(--color-border);
			color: var(--color-text-primary);
		}

		.form-input::placeholder {
			color: var(--color-text-muted);
		}

		.form-input:focus {
			border-color: #d4a843;
			box-shadow: 0 0 0 3px rgba(212, 168, 67, 0.14);
		}

		.btn-primary {
			background: #d4a843 !important;
			color: #121212 !important;
		}

		.btn-primary:hover {
			background: #e8c56e !important;
			color: #121212 !important;
		}

		.btn-secondary {
			background: var(--color-surface-alt);
			color: var(--color-text-primary);
			border: 1px solid var(--color-border);
		}

		.btn-secondary:hover {
			border-color: #d4a843;
			background: rgba(212, 168, 67, 0.08);
		}