@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body { font-family: 'Inter'; }
:focus-visible { outline: 3px solid #007bff; outline-offset: 2px; border-radius: 4px; }
.navbar-brand img { object-fit: contain; }
#hero-section { background: linear-gradient(135deg, #004d40 0%, #00897b 100%); min-height: 80vh; padding-top: 8rem; padding-bottom: 8rem; position: relative; overflow: hidden; }
#hero-section::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 70%); opacity: 0.3; z-index: 0; transform: rotate(45deg); }
#hero-section .container { position: relative; z-index: 1; }
.hero-img { max-width: 100%; height: auto; border-radius: 1rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); }
.btn-success-gradient { background: linear-gradient(45deg, #28a745, #218838); border: none; padding: 1rem 2.5rem; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(40, 167, 69, 0.4); }
.btn-success-gradient:hover { background: linear-gradient(45deg, #218838, #28a745); box-shadow: 0 8px 20px rgba(40, 167, 69, 0.6); transform: translateY(-2px); }
.feature-icon, .bonus-icon { font-size: 3rem; color: #00897b; margin-bottom: 1rem; }
.card { border-radius: 1rem; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important; }
.cta-bg-gradient { background: linear-gradient(90deg, #fd7e14 0%, #ffc107 100%); }
.btn-warning-gradient { background: linear-gradient(45deg, #fd7e14, #e08e0b); border: none; padding: 1rem 3rem; border-radius: 50px; font-weight: 700; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(253, 126, 20, 0.4); }
.btn-warning-gradient:hover { background: linear-gradient(45deg, #e08e0b, #fd7e14); box-shadow: 0 8px 20px rgba(253, 126, 20, 0.6); transform: translateY(-2px); }
.btn-outline-light-glow { border: 2px solid #fff; color: #fff; padding: 1rem 3rem; border-radius: 50px; font-weight: 700; transition: all 0.3s ease; box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); }
.btn-outline-light-glow:hover { background-color: rgba(255, 255, 255, 0.1); box-shadow: 0 0 25px rgba(255, 255, 255, 0.6); transform: translateY(-2px); }
@media (max-width: 991.98px) { .navbar-collapse { text-align: center; } .navbar-nav .nav-link { margin-right: 0; margin-bottom: 0.5rem; } .navbar-nav .btn { display: block; margin-left: auto; margin-right: auto; } #hero-section { padding-top: 5rem; padding-bottom: 5rem; text-align: center; } .hero-img { margin-top: 2rem; } }