:root{--oc-navy:#071a2b;--oc-navy2:#0d2a43;--oc-gold:#c99b4a;--oc-gold2:#f0d58f;--oc-ink:#13283b;--oc-muted:#66788b;--oc-line:#e2e8ef;--oc-paper:#f4f7fa}
html{scroll-padding-top:78px}body{background:var(--oc-paper)!important;color:var(--oc-ink)!important;padding-top:76px!important}
/* Fixed navigation: the logo sits flush at the top; no artificial blank band above it. */
.navbar-site{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:50000!important;min-height:76px!important;margin:0!important;background:rgba(255,255,255,.985)!important;border:0!important;border-bottom:1px solid #dfe6ed!important;box-shadow:0 8px 28px rgba(7,26,43,.12)!important;backdrop-filter:blur(16px)}
.navbar-site>.container{min-height:76px!important;display:flex!important;align-items:center!important}.navbar-site .navbar-brand{margin:0!important;padding:7px 14px 7px 0!important}.navbar-site .navbar-brand img{height:47px!important;width:auto!important;display:block!important;object-fit:contain!important}
.header{padding:0!important;margin:0!important;min-height:0!important;position:relative!important;z-index:100!important}
/* The ticker follows the fixed nav in normal document flow, so it scrolls directly beneath the logo/navigation. */
.header>div[style*="background:#1f2937"]{margin:0!important;width:100%!important;border:0!important;border-bottom:1px solid #c68f38!important;box-shadow:0 3px 10px rgba(7,26,43,.10)!important}
.header>div[style*="background:#1f2937"] marquee{display:block!important;height:40px!important;line-height:40px!important;padding:0!important;font-size:14px!important;white-space:nowrap!important}
.main-container{padding-top:22px!important}
/* Premium footer */
.main-footer{background:linear-gradient(145deg,#061522 0%,#0a2135 55%,#071827 100%)!important;color:#b9c5d1!important;border-top:1px solid rgba(240,213,143,.22)!important;overflow:hidden!important}
.main-footer .footer-content{background:transparent!important;position:relative!important;padding:50px 0 28px!important}.main-footer .footer-title{color:#f7f9fb!important}.main-footer .footer-nav a{color:#c0cbd6!important}.main-footer .footer-nav a:hover{color:var(--oc-gold2)!important}
.main-footer .mobile-app-content,.main-footer .hero-subscribe{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}
.main-footer .hero-subscribe .footer-title{font-size:14px!important;letter-spacing:.5px!important;text-transform:none!important;margin-bottom:14px!important}
.main-footer .social-list-footer{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important}.main-footer .social-list-footer li{margin:0!important;padding:0!important}.main-footer .social-list-footer a{width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.11)!important;color:#dbe4ec!important}.main-footer .social-list-footer a:hover{background:linear-gradient(135deg,var(--oc-gold),var(--oc-gold2))!important;color:#122638!important;transform:translateY(-2px)!important}
.oc-footer-bottom-card{margin-top:30px!important;padding:22px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 42px rgba(0,0,0,.16)!important}.oc-footer-bottom-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin-bottom:16px!important}.oc-footer-kicker{display:block!important;font-size:10px!important;font-weight:900!important;letter-spacing:1.4px!important;color:var(--oc-gold2)!important;margin-bottom:4px!important}.oc-footer-bottom-head h4{margin:0!important;color:#fff!important;font-size:17px!important;font-weight:850!important}.oc-footer-secure{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 11px!important;border-radius:10px!important;background:rgba(201,155,74,.12)!important;border:1px solid rgba(201,155,74,.28)!important;color:#f0d58f!important;font-size:11px!important;font-weight:800!important}
.main-footer .paymanet-method-logo{margin:0!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;padding:15px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:15px!important;min-height:70px!important}.main-footer .paymanet-method-logo img{max-height:30px!important;max-width:82px!important;width:auto!important;background:#fff!important;border-radius:7px!important;padding:4px!important;object-fit:contain!important;box-shadow:0 5px 14px rgba(0,0,0,.12)!important}.main-footer .trustpilot-widget{margin:15px auto 0!important;padding:9px 14px!important;background:#fff!important;border-radius:12px!important;max-width:480px!important;min-height:24px!important}.main-footer center{margin-top:15px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;color:#c1ccd7!important}.main-footer .copy-info{margin-top:18px!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.09)!important;color:#94a4b4!important;font-size:12px!important}.main-footer .copy-info a{color:var(--oc-gold2)!important}
/* WhatsApp support hidden globally in active UI */
a[href*="wa.me"],a[href*="api.whatsapp.com"],a[href*="wa.link"],.whatsapp-btn,.whatsapp-icon,.ob-button,.ob-number,.agent-box,.dashboard-action-benefits{display:none!important}
@media(max-width:767px){body{padding-top:64px!important}html{scroll-padding-top:66px}.navbar-site{min-height:64px!important}.navbar-site>.container{min-height:64px!important}.navbar-site .navbar-brand img{height:40px!important}.navbar-site .navbar-collapse{max-height:calc(100vh - 64px)!important;overflow-y:auto!important}.header>div[style*="background:#1f2937"] marquee{height:36px!important;line-height:36px!important;font-size:12px!important}.main-container{padding-top:18px!important}.oc-footer-bottom-card{padding:16px!important;border-radius:18px!important}.oc-footer-bottom-head{align-items:flex-start!important;flex-direction:column!important}.main-footer .paymanet-method-logo{gap:6px!important}.main-footer .paymanet-method-logo img{max-width:65px!important;max-height:27px!important}.main-footer center{gap:7px!important}.main-footer .copy-info{line-height:1.7!important}}
