ANTOOZA-FRONTEND/app/(main)/crew/invite/[id]/style.scss

.crew-invite-page {
	max-width: 480px;
	margin: 80px auto;
	padding: 32px 24px;
	border: 1px solid var(--border-default);
	border-radius: 12px;
	background: var(--bg-page);
	text-align: center;

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

	&__icon {
		display: flex;
		justify-content: center;
		margin: 0 0 16px;

		&--success {
			color: var(--green-500, #10b981);
		}

		&--danger {
			color: var(--red-500, #ef4444);
		}

		&--muted {
			color: var(--text-secondary, #6b7280);
		}
	}

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

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

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

		button {
			min-width: 100px;
		}

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

			button {
				width: 100%;
			}
		}
	}
}