/* ===================================================================
   BRIDGE GROUP SOLUTIONS - CONTACT PAGE STYLESHEET
   Dedicated CSS for contact.html
   Visual Benchmark: https://bgs-alpha.vercel.app/ & index.html
   =================================================================== */

@import url('bgs-alpha-theme.css');

/* Smooth Scrolling & Typography */
html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Plus Jakarta Sans', sans-serif;
	background-color: #f9f9fb;
	color: #1a1c1d;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Atmospheric Radial Lights */
.radial-glow-coral {
	background: radial-gradient(circle, rgba(235, 87, 55, 0.22) 0%, rgba(255, 120, 73, 0.12) 40%, rgba(147, 51, 234, 0.05) 75%, transparent 100%);
}
.radial-glow-gold {
	background: radial-gradient(circle, rgba(255, 170, 60, 0.18) 0%, rgba(235, 87, 55, 0.08) 50%, transparent 80%);
}
.radial-glow-violet {
	background: radial-gradient(circle, rgba(124, 58, 237, 0.12) 0%, rgba(235, 87, 55, 0.06) 60%, transparent 100%);
}

/* Continuous Marquee Animation */
@keyframes marquee {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-50%);
	}
}

.animate-marquee {
	display: flex;
	width: max-content;
	animation: marquee 35s linear infinite;
}

.animate-marquee:hover {
	animation-play-state: paused;
}

/* Bento Card Hover Physics */
.bento-card {
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
}

.bento-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 36px -8px rgba(173, 43, 14, 0.12), 0 4px 12px rgba(0, 0, 0, 0.04);
	border-color: rgba(235, 87, 55, 0.4);
}

/* Form Inputs & Rings */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
	transition: all 0.2s ease-in-out;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
	border-color: #ad2b0e !important;
	box-shadow: 0 0 0 3px rgba(173, 43, 14, 0.15) !important;
	outline: none !important;
}

/* Primary Coral Gradient Button */
.btn-primary-gradient {
	background: linear-gradient(135deg, rgb(173, 43, 14) 0%, rgb(235, 87, 55) 60%, rgb(255, 120, 73) 100%);
}

.btn-primary-gradient:hover {
	box-shadow: 0 12px 30px rgba(235, 87, 55, 0.45);
	transform: translateY(-2px);
}

.btn-primary-gradient:active {
	transform: translateY(0);
}