/**
 * Custom CSS
 *
 * This file is for your custom styles.
 * You can add any CSS rules here to customize the Ghost theme.
 *
 * Note: Changes made directly to this file may be overwritten during theme updates.
 * It's recommended to use the Code Injection feature in Ghost for persistent customizations.
 */

/* Your custom CSS goes below this line */

.contributor-onboarding-shell {
	max-width: 760px;
	margin: 0 auto 48px;
	padding: 0 20px 32px;
}

.contributor-onboarding-card {
	background: #ffffff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 24px;
	box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
	padding: 32px;
}

.contributor-onboarding-eyebrow {
	color: #b45309;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.contributor-onboarding-copy,
.contributor-onboarding-note {
	color: #475569;
}

.contributor-onboarding-form {
	display: grid;
	gap: 12px;
	margin: 24px 0 18px;
}

.contributor-onboarding-form input {
	border: 1px solid rgba(15, 23, 42, 0.15);
	border-radius: 14px;
	font: inherit;
	padding: 14px 16px;
}

.contributor-onboarding-message {
	border-radius: 14px;
	margin-top: 20px;
	padding: 14px 16px;
}

.contributor-onboarding-message.is-success {
	background: #ecfdf3;
	color: #166534;
}

.contributor-onboarding-message.is-error {
	background: #fef2f2;
	color: #991b1b;
}