/*
 * Core Custom Styling & Executive Corporate Theme (V2)
 * Clean Blue, White & Dark Navy Aesthetic
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body {
	background-color: #05070a !important;
	color: #ffffff;
	font-family: 'Inter', sans-serif;
	-webkit-font-smoothing: antialiased;
}

/* Bulletproof Theme Core Colors & Corporate Utilities */
.text-primary { color: #38bdf8 !important; }
.bg-primary { background-color: #2563eb !important; color: #ffffff !important; }
.border-primary { border-color: rgba(56, 189, 248, 0.4) !important; }
.text-secondary { color: #60a5fa !important; }
.bg-secondary { background-color: #1d4ed8 !important; color: #ffffff !important; }
.bg-surface { background-color: #05070a !important; }
.bg-surface-dim { background-color: #0a0f1d !important; }
.bg-surface-bright { background-color: #111827 !important; }
.border-outline-variant { border-color: #1e293b !important; }

/* Elegant Gradient Text Fixes */
.bg-gradient-to-r {
	background-image: linear-gradient(to right, #38bdf8, #60a5fa) !important;
}
.bg-clip-text {
	-webkit-background-clip: text !important;
	background-clip: text !important;
}
.text-transparent {
	color: transparent !important;
}

/* Layout & Spacing Overrides */
.max-w-container-max { max-width: 1280px !important; }
.px-gutter { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.py-section-padding { padding-top: 6rem !important; padding-bottom: 6rem !important; }

.bg-dark-gradient {
	background: radial-gradient(circle at top, #111827 0%, #05070a 100%);
}

/* Subtle, Executive Card Hover Effects */
.card-hover {
	transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
	will-change: transform;
}
.card-hover:hover {
	transform: translateY(-4px);
	border-color: rgba(56, 189, 248, 0.4);
	box-shadow: 0 20px 40px -15px rgba(29, 78, 216, 0.15);
}

/* Modal styling */
#consultation-modal, #service-modal {
	backdrop-filter: blur(12px);
}
.modal-content {
	animation: modalSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes modalSlideUp {
	from { opacity: 0; transform: translateY(20px) scale(0.97); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}