html, body {
    overflow-x: hidden !important;
    width: 100vw;
}
* { 
    font-family: 'Roboto, Open Sans, Inter', sans-serif;
 }

.hero-gradient { background: linear-gradient(135deg, #1a202c 0%, #2d3748 50%, #4a5568 100%); }
.card-hover { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.card-hover:hover { transform: translateY(-8px); }
.float-animation { animation: float 6s ease-in-out infinite; }
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}
.pulse-glow { animation: pulse-glow 2s infinite; }
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 20px rgba(72, 187, 120, 0.3); }
    50% { box-shadow: 0 0 40px rgba(72, 187, 120, 0.6); }
}
.logo { max-width: 150px; width: 150%; height: 50px; }

h2 {
    font-size:1.5rem !important;
    color:green !important;
}