:root{
	--orange-100:#FFF4E6;
	--orange-300:#FFD9A8;
	--orange-500:#EC8C38;
	--orange-700:#B35E23;
	--ocean-100:#EAF6FF;
	--ocean-300:#9FD0FF;
	--ocean-500:#0B66C3;
	--ocean-700:#064E96;
	--teal-500:#17A2B8;
	--muted-500:#6B7280;
	--glass: rgba(255,255,255,0.08);
}

body{
	font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;
	color:#1f2d3d;
	background:#f8fafc;
	font-size:16px;
	line-height:1.6;
}

.hero {
	background-image: url('ocean-web.jpg');
	background-size: cover;
	background-position: center;
	min-height: 66vh;
	display:block;
	position:relative;
}

/* Modern overlay with gradient mesh effect */
.hero .overlay{
	background:linear-gradient(135deg, rgba(11,102,195,0.85) 0%, rgba(3,37,76,0.75) 50%, rgba(236,140,56,0.15) 100%);
	min-height:66vh;
	width:100%;
	backdrop-filter: blur(2px);
}

.service-icon{
	font-size:1.5rem;
	color:var(--ocean-500);
}

h1.display-5{
	font-size:2.5rem;
	font-weight:700;
	letter-spacing:-0.8px;
	line-height:1.15;
}

@media(min-width:768px){
	h1.display-5{font-size:3.5rem}
}

.lead{
	font-size:1.2rem;
	color:rgba(255,255,255,0.96);
	font-weight:400;
	line-height:1.7;
}

.card-img-top{
	object-fit:cover;
	height:220px;
	border-top-left-radius:16px;
	border-top-right-radius:16px;
}

/* Modern buttons with better depth */
.btn-primary{
	background:linear-gradient(135deg,var(--ocean-500) 0%,var(--ocean-700) 100%);
	border:none;
	border-radius:12px;
	padding:0.875rem 1.75rem;
	box-shadow:0 4px 16px rgba(11,102,195,0.25), 0 8px 32px rgba(11,102,195,0.15);
	font-weight:600;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary:hover{
	transform:translateY(-2px);
	box-shadow:0 8px 24px rgba(11,102,195,0.35), 0 12px 40px rgba(11,102,195,0.2);
}

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

.btn-outline-light{
	background:rgba(255,255,255,0.1);
	border:2px solid rgba(255,255,255,0.3);
	color:#fff;
	border-radius:12px;
	padding:0.75rem 1.5rem;
	backdrop-filter:blur(10px);
	font-weight:600;
	transition:all 0.3s ease;
}

.btn-outline-light:hover{
	background:rgba(255,255,255,0.2);
	border-color:rgba(255,255,255,0.5);
	transform:translateY(-2px);
}

.brand-accent{
	color:var(--orange-500);
}

/* Modern navbar with subtle shadow */
.navbar{
	padding-top:1rem;
	padding-bottom:1rem;
	background:rgba(255,255,255,0.95)!important;
	backdrop-filter:blur(12px);
	box-shadow:0 1px 3px rgba(0,0,0,0.04);
}

.navbar .navbar-brand span{
	color:var(--ocean-500);
	font-weight:700;
	font-size:1.15rem;
}

.navbar .nav-link{
	color:var(--muted-500);
	font-weight:500;
	letter-spacing:0.3px;
	font-size:0.95rem;
	padding:0.5rem 1rem!important;
	border-radius:8px;
	transition:all 0.2s ease;
}

.navbar .nav-link:hover{
	color:var(--ocean-500);
	background:var(--ocean-100);
}

/* Modern card design with glassmorphism hints */
.card{
	border:1px solid rgba(11,102,195,0.08);
	border-radius:16px;
	background:#ffffff;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	overflow:hidden;
}

.card:hover{
	box-shadow:0 20px 40px rgba(11,102,195,0.12), 0 8px 16px rgba(11,102,195,0.08);
	transform:translateY(-8px);
	border-color:rgba(11,102,195,0.15);
}

.card .card-title{
	color:var(--ocean-700);
	font-weight:600;
	font-size:1.15rem;
}

.card .card-body{
	padding:1.5rem;
}

/* Modern badges */
.badge{
	padding:0.4rem 0.85rem;
	font-size:0.75rem;
	letter-spacing:0.5px;
	text-transform:uppercase;
}

/* Section spacing */
section{
	margin-bottom:5rem!important;
}

h2{
	font-size:2.25rem;
	font-weight:700;
	letter-spacing:-0.5px;
	color:#0f172a;
	margin-bottom:1rem;
}

/* Form modern styling */
.form-control{
	border:2px solid #e2e8f0;
	border-radius:10px;
	padding:0.75rem 1rem;
	transition:all 0.2s ease;
	font-size:0.95rem;
}

.form-control:focus{
	border-color:var(--ocean-500);
	box-shadow:0 0 0 3px rgba(11,102,195,0.1);
}

.form-label{
	font-weight:600;
	color:#334155;
	margin-bottom:0.5rem;
	font-size:0.9rem;
}

/* Footer modern */
footer{
	background:linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%)!important;
	border-top:1px solid #e2e8f0!important;
}

/* Smooth scrolling */
html{
	scroll-behavior:smooth;
}

/* Icon styling */
.bi{
	transition:transform 0.2s ease;
}

.card:hover .bi{
	transform:scale(1.1);
}