.contact-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
			gap: var(--space-xl);
			margin: var(--space-2xl) 0;
		}
		.contact-info {
			padding: var(--space-xl);
		}
		.contact-item {
			display: flex;
			align-items: flex-start;
			gap: var(--space-md);
			margin-bottom: var(--space-lg);
		}
		.contact-icon {
			width: 50px;
			height: 50px;
			background: var(--color-lime-green);
			border-radius: var(--radius-lg);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1.5rem;
			flex-shrink: 0;
			color: var(--color-black);
		}
		.contact-details h4 {
			margin-bottom: var(--space-xs);
			color: var(--color-white);
		}
		.contact-details p {
			color: var(--color-text-secondary);
		}
		.contact-details a {
			color: var(--color-lime-green);
			text-decoration: none;
		}
		.contact-details a:hover {
			text-decoration: underline;
		}
		.contact-form-container {
			padding: var(--space-2xl);
			background: var(--color-surface);
			border-radius: var(--radius-xl);
			box-shadow: var(--shadow-card);
			color: var(--color-white);
		}
		.form-group {
			margin-bottom: var(--space-lg);
		}
		.form-label {
			display: block;
			margin-bottom: var(--space-sm);
			font-weight: 500;
			color: var(--color-text-primary);
		}
		.form-input,
		.form-select,
		.form-textarea {
			width: 100%;
			padding: var(--space-md) var(--space-lg);
			background: var(--color-surface);
			border: 1px solid var(--color-light-gray);
			border-radius: var(--radius-lg);
			color: var(--color-text-primary);
			font-size: 1rem;
			font-family: inherit;
			transition: all var(--transition-fast);
		}
		.form-input:focus,
		.form-select:focus,
		.form-textarea:focus {
			outline: none;
			border-color: var(--color-lime-green);
			box-shadow: 0 0 0 3px rgba(50, 205, 50, 0.2);
		}
		.form-textarea {
			resize: vertical;
			min-height: 150px;
		}
		.form-row {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: var(--space-md);
		}
		.success-message {
			display: none;
			text-align: center;
			padding: var(--space-2xl);
		}
		.success-message.show {
			display: block;
		}
		.success-icon {
			font-size: 4rem;
			margin-bottom: var(--space-lg);
		}
		@media (max-width: 768px) {
			.contact-grid {
				grid-template-columns: 1fr;
			}

			.form-row {
				grid-template-columns: 1fr;
			}

			.contact-form-container,
			.contact-info {
				padding: var(--space-lg);
			}
		}