/* Modern front-page restyle */
.hero_area { background: url('../images/hero-bg.jpg') center/cover no-repeat; position:relative; }
.hero_area::before { content:''; position:absolute; inset:0; background:rgba(14,55,100,.55); }
.slider_section { position:relative; z-index:1; }
.slider_section .box { background: rgba(255,255,255,0.06); border-radius: 16px; padding: 30px; backdrop-filter: blur(6px); }
.slider_section h1 { color: #f7c948; font-weight: 800; letter-spacing: 2px; font-size: 40px; }
.slider_section h3 { color: #fff; font-weight: 400; }
.slider_section a { display:inline-block; background:#edae13; color:#0e3764; padding:12px 28px; border-radius:30px; font-weight:700; text-decoration:none; transition:transform .2s; }
.slider_section a:hover { transform:translateY(-3px); background:#f7c948; }
.navbar-brand img { height: 46px; }
.navbar-nav .nav-link { color:#fff !important; font-weight:600; }
.navbar-nav .nav-link:hover { color:#f7c948 !important; }
.client_section .box { background: linear-gradient(135deg,#0e3764,#1e6bb8); border-radius:12px; padding:18px; margin:8px; }
.client_section h6 { color:#fff; }
.app_section h2 { color:#0e3764; font-weight:800; }
footer { background:#0e3764; color:#fff; }

.coin-float { position:absolute; top:10px; right:10px; width:90px; animation: floatCoin 3s ease-in-out infinite; filter:drop-shadow(0 8px 12px rgba(0,0,0,.3)); }
@keyframes floatCoin { 0%,100%{transform:translateY(0) rotate(0deg);} 50%{transform:translateY(-18px) rotate(12deg);} }
.img-box { position:relative; }