ANTOOZA-FRONTEND/app/(main)/crew/join/style.scss

.crew-join-page {
	max-width: 520px;
	margin: 80px auto;
	padding: 32px 28px;
	border: 1px solid var(--border-default);
	border-radius: 12px;
	background: var(--bg-page);

	@media (max-width: 768px) {
		margin: 32px 16px;
		padding: 24px 16px;
	}

	&__title {
		font-size: 1.375rem;
		font-weight: 700;
		color: var(--text-primary);
		margin: 0 0 12px;
		text-align: center;
	}

	&__desc {
		font-size: 0.9375rem;
		color: var(--text-secondary);
		line-height: 1.6;
		margin: 0 0 24px;
		text-align: center;

		strong {
			color: var(--text-primary);
			font-weight: 600;
		}
	}

	&__form {
		display: flex;
		flex-direction: column;
		gap: 16px;
		margin-bottom: 24px;
	}

	&__field {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	&__consent {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 0.9375rem;
		color: var(--text-primary);
		cursor: pointer;
		user-select: none;
	}

	&__actions {
		display: flex;
		gap: 12px;
		justify-content: center;

		button {
			min-width: 100px;
		}

		@media (max-width: 480px) {
			flex-direction: column-reverse;

			button {
				width: 100%;
			}
		}
	}
}