:root {
--terminal-blue: #027ECD;
--safety-yellow: #FFD700;
--airport-gray: #f1f5f9;
--bg-color: #ffffff;
--card-bg: #f2f1ed;
--text-main: #1a1a1a;
--accent-plus: #333333;
}
.hero-bg {
background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url('https://images.unsplash.com/photo-1436491865332-7a61a109c0f3?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
background-size: cover;
background-position: center;
height: 450px;
}
.yellow-accent { background-color: #fccb05; }
.blue-primary { background-color: #0077c2; }
}
body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: white; }
}
.avi-btn {
background-color: var(--terminal-blue);
transition: all 0.2s ease;
border: 1px solid rgba(255,255,255,0.2);
}
.avi-btn:hover {
background-color: #026bb0;
transform: translateY(-1px);
}
/* Hamburger Animation */
.line-rotate-45 { transform: translateY(7px) rotate(45deg); }
.line-hide { opacity: 0; }
.line-rotate-n45 { transform: translateY(-7px) rotate(-45deg); }
/* Helper for mobile menu state */
.overflow-hidden { overflow: hidden; }
.avi-btn {
background-color: #027ECD;
transition: transform 0.2s, background-color 0.2s;
border: 1px solid rgba(255,255,255,0.2);
}
.avi-btn:hover {
background-color: #026bb0;
transform: translateY(-1px);
}
/* Add these to your existing