.contact-card {
	background: rgba(29, 29, 29, 0.6);
	border: 1px solid rgba(89, 129, 183, 0.2);
	border-radius: 20px;
	padding: 50px 40px;
	display: inline-block;
	margin-top: 30px;
	min-width: 320px;
	max-width: 400px;
}

.contact-icon {
	margin-bottom: 20px;
}

.contact-icon svg {
	filter: drop-shadow(0 0 10px rgba(25, 195, 255, 0.5));
}

.contact-title {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
}

.contact-desc {
	color: #8a9199;
	font-size: 14px;
	margin-bottom: 25px;
}

.contact-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 40px;
	border-radius: 30px;
	background: rgba(29, 29, 29, 0.5);
	border: 1px solid rgba(89, 129, 183, 0.3);
	color: #fff;
	font-size: 16px;
	transition: all 0.3s ease;
	text-decoration: none;
}

.contact-btn:hover {
	background: linear-gradient(left, #19c3ff, #0093ff);
	border-color: #0093ff;
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 147, 255, 0.3);
}

.btn-icon {
	font-size: 18px;
}

.contact-link {
	margin-top: 20px;
	color: #4a5568;
	font-size: 12px;
	word-break: break-all;
}

.page-title {
	color: #fff;
	font-size: 28px;
	font-weight: 300;
	letter-spacing: 8px;
	margin-bottom: 10px;
}

.page-subtitle {
	color: #6a7179;
	font-size: 14px;
	letter-spacing: 4px;
	margin-bottom: 20px;
}

.back-link {
	margin-top: 40px;
}

.back-link a {
	color: #6a7179;
	font-size: 14px;
	transition: color 0.3s ease;
}

.back-link a:hover {
	color: #19c3ff;
}

@media screen and (max-width: 950px) {
	.contact-card {
		min-width: 80%;
		padding: 30px 20px;
	}
	
	.page-title {
		font-size: 22px;
		letter-spacing: 4px;
	}
}