.page-title {
		font-family: var(--font-display);
		font-size: clamp(2rem, 4vw, 2.5rem);
		color: var(--retro-navy);
		margin: 2rem 0;
		text-align: center;
	}

	.success-message {
		text-align: center;
		padding: 3rem 2rem;
		background: var(--retro-teal);
		border: 4px solid var(--retro-navy);
		border-radius: 16px;
		margin-bottom: 3rem;
	}

	.success-title {
		font-family: var(--font-display);
		font-size: 2rem;
		color: white;
		margin-bottom: 1rem;
	}

	.success-text {
		font-family: var(--font-heading);
		font-size: 1.25rem;
		color: white;
		margin-bottom: 2rem;
	}

	.contact-layout {
		display: grid;
		grid-template-columns: 1fr;
		gap: 2rem;
		margin-bottom: 3rem;
	}

	@media (min-width: 768px) {
		.contact-layout {
			grid-template-columns: 1fr 1.5fr;
		}
	}

	.contact-info {
		background: var(--bg-card);
		border: 3px solid var(--retro-navy);
		border-radius: 12px;
		padding: 2rem;
		box-shadow: 4px 4px 0 var(--retro-navy);
	}

	.info-title {
		font-family: var(--font-display);
		font-size: 1.5rem;
		color: var(--retro-navy);
		margin-bottom: 1.5rem;
	}

	.info-item {
		display: flex;
		gap: 1rem;
		margin-bottom: 1.5rem;
	}

	.info-icon {
		font-size: 1.5rem;
		min-width: 2rem;
	}

	.info-content strong {
		display: block;
		font-family: var(--font-heading);
		color: var(--retro-navy);
		margin-bottom: 0.25rem;
	}

	.info-content p {
		font-family: var(--font-body);
		color: var(--text-secondary);
		margin: 0;
	}

	.info-box {
		background: var(--retro-yellow);
		padding: 1.5rem;
		border-radius: 8px;
		border: 2px solid var(--retro-navy);
		margin-top: 2rem;
	}

	.info-box h3 {
		font-family: var(--font-heading);
		color: var(--retro-navy);
		margin-bottom: 0.5rem;
	}

	.info-box p {
		font-family: var(--font-body);
		color: var(--retro-navy);
		margin: 0;
	}

	.info-box a {
		color: var(--accent-primary);
		font-weight: 600;
	}

	.contact-form {
		background: var(--bg-card);
		border: 3px solid var(--retro-navy);
		border-radius: 12px;
		padding: 2rem;
		box-shadow: 4px 4px 0 var(--retro-navy);
	}

	.error-message {
		background: #fee;
		border: 3px solid var(--retro-red);
		border-radius: 8px;
		padding: 1rem;
		color: var(--retro-red);
		font-family: var(--font-heading);
		margin-bottom: 1.5rem;
		text-align: center;
	}

	.form-group {
		margin-bottom: 1.5rem;
	}

	.form-group label {
		display: block;
		font-family: var(--font-heading);
		font-weight: 600;
		color: var(--retro-navy);
		margin-bottom: 0.5rem;
	}

	.form-group input,
	.form-group textarea {
		width: 100%;
		padding: 0.75rem 1rem;
		font-family: var(--font-body);
		font-size: 1rem;
		border: 3px solid var(--retro-navy);
		border-radius: 8px;
		outline: none;
		transition: all 0.2s ease;
		resize: vertical;
	}

	.form-group input:focus,
	.form-group textarea:focus {
		box-shadow: 0 0 0 3px var(--retro-yellow);
	}

	.submit-button {
		width: 100%;
		padding: 1rem;
		font-size: 1.125rem;
	}