/* OofChanger final UI stabilization layer */
:root{--oc-navy:#071827;--oc-navy2:#102d45;--oc-gold:#caa05a;--oc-gold2:#f1d58f;--oc-paper:#f5f7fa;--oc-ink:#14283b;--oc-muted:#68798b;--oc-line:#dfe6ed}
html{scroll-padding-top:78px!important}
body{padding-top:0!important;margin:0!important;background:var(--oc-paper)!important;color:var(--oc-ink)!important}
/* The legacy header wrapper is intentionally empty. Do not reserve any height. */
.header.oc-empty-header{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important}
/* Fixed navigation with no ghost space above/below it. */
.navbar-site{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:76px!important;min-height:76px!important;margin:0!important;padding:0!important;z-index:60000!important;background:rgba(255,255,255,.985)!important;border:0!important;border-bottom:1px solid #dfe6ed!important;box-shadow:0 8px 26px rgba(7,24,39,.13)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.navbar-site>.container{height:76px!important;min-height:76px!important;display:flex!important;align-items:center!important}
.navbar-identity{height:76px!important;display:flex!important;align-items:center!important}
.navbar-site .navbar-brand{height:76px!important;display:flex!important;align-items:center!important;margin:0!important;padding:0 18px 0 0!important}
.navbar-site .navbar-brand img{height:48px!important;width:auto!important;max-width:220px!important;display:block!important;object-fit:contain!important;margin:0!important}
/* Desktop navigation is open and readable; no hamburger. */
@media(min-width:992px){
 #site-navigation.navbar-collapse.collapse:not(.show){display:flex!important;flex:1 1 auto!important;align-items:center!important;height:76px!important;visibility:visible!important}
 .navbar-site .navbar-toggler{display:none!important}
 #site-navigation>.oc-main-nav,#site-navigation>.navbar-right{display:flex!important;align-items:center!important}
 #site-navigation>.navbar-right{margin-left:auto!important}
}
.navbar-site .navbar-nav>li>a{color:#26394b!important;font-size:13px!important;font-weight:750!important;line-height:1.1!important;padding:11px 13px!important;margin:0 2px!important;border-radius:11px!important;transition:all .18s ease!important}
.navbar-site .navbar-nav>li>a:hover,.navbar-site .navbar-nav>li.open>a{background:#fbf5e9!important;color:#956c2e!important}
/* Compact language controls. */
.oc-language-switcher{display:flex!important;align-items:center!important;gap:6px!important;margin:0 0 0 8px!important}
.oc-language-label{display:none!important}
.oc-language-options{display:flex!important;align-items:center!important;gap:5px!important}
.oc-language-choice{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:48px!important;height:32px!important;padding:0 8px!important;border:1px solid #dfe5eb!important;border-radius:9px!important;background:#fff!important;color:#304356!important;text-decoration:none!important;font-size:10px!important;font-weight:900!important;line-height:1!important}
.oc-language-choice:hover{background:#fbf5e9!important;border-color:#e3c789!important;color:#91692f!important;text-decoration:none!important}
.oc-language-choice .flag-icon{width:18px!important;height:13px!important;border-radius:2px!important;box-shadow:0 0 0 1px rgba(0,0,0,.09)!important}
/* The ticker is the first normal-flow element after the fixed nav. */
.oc-marquee-bar{position:relative!important;display:block!important;width:100%!important;height:40px!important;min-height:40px!important;margin-top:76px!important;margin-bottom:0!important;padding:0!important;overflow:hidden!important;background:linear-gradient(90deg,#091b2d,#102b43,#091b2d)!important;border:0!important;border-bottom:2px solid var(--oc-gold)!important;box-shadow:0 3px 10px rgba(7,26,42,.12)!important}
.oc-marquee-bar marquee{display:block!important;height:40px!important;line-height:40px!important;padding:0 12px!important;margin:0!important;white-space:nowrap!important;color:#fff!important;font-size:14px!important;font-weight:650!important}
/* Remove old body/header offsets left by earlier design layers. */
.main-container{padding-top:24px!important}
/* Premium homepage guideline card */
.oc-guidelines{margin:24px auto!important;max-width:980px!important;border:1px solid #e1e7ee!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fbfcfd)!important;box-shadow:0 18px 48px rgba(7,24,39,.08)!important;overflow:hidden!important}
.ocg-inner{padding:28px 30px!important}
.ocg-head{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:20px!important;padding-bottom:17px!important;border-bottom:1px solid #edf0f4!important}
.ocg-icon{width:46px!important;height:46px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,var(--oc-navy),var(--oc-navy2))!important;color:var(--oc-gold2)!important;font-size:21px!important;box-shadow:0 10px 22px rgba(7,24,39,.14)!important}
.ocg-head h2{margin:2px 0 0!important;color:var(--oc-ink)!important;font-size:22px!important;font-weight:850!important}
.oc-guidelines b{color:#24394c!important}.oc-guidelines p,.oc-guidelines li{color:#5f7183!important;line-height:1.7!important}
/* User menu */
.navbar-site .user-menu{min-width:260px!important;padding:8px!important;border:1px solid #e1e7ed!important;border-radius:16px!important;background:#fff!important;box-shadow:0 20px 45px rgba(7,26,42,.18)!important}
.navbar-site .user-menu>li>a{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 13px!important;border-radius:10px!important;color:#33475a!important;font-weight:700!important}
.navbar-site .user-menu>li>a:hover{background:#fbf5e9!important;color:#956c2e!important}
/* Account sidebar */
.page-sidebar .inner-box{border:1px solid var(--oc-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 36px rgba(7,24,39,.07)!important;overflow:hidden!important}
.page-sidebar a[href*="account/settings/profile"],.page-sidebar a[href*="account/close"]{display:none!important}
.page-sidebar .collapse-box:has(a[href*="account/settings/profile"]),.page-sidebar .collapse-box:has(a[href*="account/close"]){display:none!important}
/* 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,.24)!important;overflow:hidden!important}
.main-footer .footer-content{background:transparent!important;padding:48px 0 28px!important}
.main-footer .footer-col{height:100%!important;padding:20px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important;background:rgba(255,255,255,.025)!important}
.main-footer .footer-title,.main-footer h3,.main-footer h4{color:#f7f9fb!important}
.main-footer .footer-nav li,.main-footer .footer-nav li a{color:#c2cdd7!important}.main-footer .footer-nav li a:hover{color:var(--oc-gold2)!important}
.main-footer .mobile-app-content,.main-footer .hero-subscribe{padding:20px!important;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 .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:28px!important;padding:24px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.13)!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:18px!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,.045)!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;line-height:1.7!important}.main-footer .copy-info a{color:var(--oc-gold2)!important}
/* Hide WhatsApp support widgets/buttons in the 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}
/* Welcome popup */
.oc-welcome-url{position:relative;margin:12px 0 18px;padding:11px 13px;border:1px dashed rgba(240,213,143,.35);border-radius:11px;background:rgba(255,255,255,.04);color:#dbe5ee;font-size:12px;word-break:break-all}
.oc-welcome-partner{transition:transform .18s ease,filter .18s ease}.oc-welcome-partner:hover{filter:brightness(1.06);transform:translateY(-1px)}
@media(max-width:991px){.navbar-site{height:64px!important;min-height:64px!important}.navbar-site>.container{height:64px!important;min-height:64px!important;display:block!important}.navbar-identity{height:64px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.navbar-site .navbar-brand{height:64px!important;padding:0!important}.navbar-site .navbar-brand img{height:40px!important;max-width:190px!important}.navbar-site .navbar-toggler{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:42px!important;margin:0!important;padding:6px!important;border:1px solid #d9e1e8!important;border-radius:11px!important;background:#fff!important;color:#17344d!important;box-shadow:0 5px 15px rgba(7,26,42,.09)!important}.navbar-site .navbar-collapse{max-height:calc(100vh - 64px)!important;overflow-y:auto!important;background:#fff!important}.navbar-site .navbar-collapse.show{display:block!important;border-top:1px solid #e7ecf1!important;box-shadow:0 18px 30px rgba(7,26,42,.13)!important;padding:10px 15px 15px!important}.navbar-site .navbar-nav>li>a{display:flex!important;width:100%!important;margin:3px 0!important}.oc-language-switcher{margin:5px 0 10px!important;flex-wrap:wrap!important}.oc-language-options{gap:7px!important}.oc-language-choice{min-width:50px!important;height:34px!important}.oc-marquee-bar{margin-top:64px!important;height:38px!important;min-height:38px!important}.oc-marquee-bar marquee{height:38px!important;line-height:38px!important;font-size:12px!important}.main-container{padding-top:18px!important}.ocg-inner{padding:22px 18px!important}.ocg-head h2{font-size:19px!important}.main-footer .footer-content{padding:34px 0 24px!important}.main-footer .footer-col{margin-bottom:12px!important}.oc-footer-bottom-card{padding:18px!important}.oc-footer-bottom-head{align-items:flex-start!important;flex-direction:column!important}}
/* v18: preserve the v16 palette, but make the footer navigation a single premium surface instead of four separate boxes. */
.main-footer .footer-col{height:auto!important;padding:8px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.main-footer .footer-content>.container>.row>div:not(.col-xl-4){padding-left:18px!important;padding-right:18px!important}
.main-footer .footer-title{font-size:13px!important;letter-spacing:.02em!important;margin-bottom:12px!important}
.main-footer .footer-nav li{margin-bottom:7px!important}
.main-footer .footer-nav li a{font-size:12.5px!important;line-height:1.5!important}
.main-footer .mobile-app-content,.main-footer .hero-subscribe{border-radius:14px!important}
.main-footer .footer-content{padding-top:42px!important}
/* v18 navigation: no desktop dropdown/hamburger, compact language flags, zero ghost gap. */
.oc-main-navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:76px!important;min-height:76px!important;margin:0!important;padding:0!important;z-index:60000!important;background:rgba(255,255,255,.985)!important;border:0!important;border-bottom:1px solid #dfe6ed!important;box-shadow:0 8px 26px rgba(7,24,39,.13)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.oc-main-navbar>.container{height:76px!important;min-height:76px!important;display:flex!important;align-items:center!important}
.oc-main-navbar .navbar-identity{height:76px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important}
.oc-main-navbar .navbar-brand{height:76px!important;display:flex!important;align-items:center!important;margin:0!important;padding:0 18px 0 0!important}
.oc-main-navbar .navbar-brand img{height:48px!important;width:auto!important;max-width:220px!important;display:block!important;margin:0!important}
.oc-main-navbar #site-navigation{flex:1 1 auto!important;min-width:0!important;align-items:center!important}
.oc-main-navbar .oc-main-nav,.oc-main-navbar .oc-language-nav{display:flex!important;align-items:center!important;margin:0!important}
.oc-main-navbar .oc-main-nav>li>a{height:42px!important;display:flex!important;align-items:center!important;padding:0 12px!important;margin:0 2px!important;border-radius:10px!important;color:#2c4053!important;font-size:13px!important;font-weight:750!important}
.oc-main-navbar .oc-main-nav>li>a:hover{background:#fbf5e9!important;color:#93682b!important}
.oc-main-navbar .navbar-right{display:flex!important;align-items:center!important;margin-left:auto!important}
.oc-main-navbar .navbar-right>li>a{color:#304457!important;font-size:13px!important;font-weight:750!important}
.oc-main-navbar .navbar-right .btn-danger{background:linear-gradient(135deg,#0a2135,#183f5c)!important;border:0!important;color:#fff!important;border-radius:10px!important;padding:9px 14px!important}
.oc-main-navbar .user-menu{min-width:260px!important;padding:8px!important;border:1px solid #e1e7ed!important;border-radius:16px!important;background:#fff!important;box-shadow:0 20px 45px rgba(7,26,42,.18)!important}
.oc-main-navbar .user-menu>li>a{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 13px!important;border-radius:10px!important;color:#33475a!important;font-weight:700!important}
.oc-main-navbar .user-menu>li>a:hover{background:#fbf5e9!important;color:#956c2e!important}
.oc-language-switcher{display:flex!important;align-items:center!important;gap:6px!important;margin:0 0 0 8px!important;padding:0!important}
.oc-language-options{display:flex!important;align-items:center!important;gap:5px!important}
.oc-language-choice{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:47px!important;height:32px!important;padding:0 8px!important;border:1px solid #dce4eb!important;border-radius:9px!important;background:#fff!important;color:#304356!important;text-decoration:none!important;font-size:10px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important}
.oc-language-choice.is-active{background:#fbf5e9!important;border-color:#e3c789!important;color:#91692f!important}
.oc-language-choice .flag-icon{width:18px!important;height:13px!important;border-radius:2px!important;box-shadow:0 0 0 1px rgba(0,0,0,.08)!important}
.oc-marquee-bar{position:relative!important;display:block!important;width:100%!important;height:40px!important;min-height:40px!important;margin-top:76px!important;margin-bottom:0!important;padding:0!important;overflow:hidden!important;background:linear-gradient(90deg,#091b2d,#102b43,#091b2d)!important;border:0!important;border-bottom:2px solid var(--oc-gold)!important;box-shadow:0 3px 10px rgba(7,26,42,.12)!important}
.oc-marquee-bar marquee{display:block!important;width:100%!important;height:40px!important;line-height:40px!important;margin:0!important;padding:0 12px!important;color:#fff!important;font-size:14px!important;font-weight:650!important;white-space:nowrap!important}
@media(min-width:992px){.oc-main-navbar .navbar-toggler{display:none!important}.oc-main-navbar #site-navigation.navbar-collapse.collapse:not(.show){display:flex!important;visibility:visible!important;height:76px!important}.oc-main-navbar .oc-main-nav,.oc-main-navbar .oc-language-nav,.oc-main-navbar .navbar-right{float:none!important}.oc-main-navbar .navbar-right{margin-left:auto!important}}
@media(max-width:991px){.oc-main-navbar{height:64px!important;min-height:64px!important}.oc-main-navbar>.container{height:64px!important;min-height:64px!important;display:block!important}.oc-main-navbar .navbar-identity{height:64px!important;padding:0 12px!important;justify-content:space-between!important}.oc-main-navbar .navbar-brand{height:64px!important;padding:0!important}.oc-main-navbar .navbar-brand img{height:40px!important;max-width:190px!important}.oc-main-navbar .navbar-toggler{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:42px!important;margin:0!important;padding:6px!important;border:1px solid #d9e1e8!important;border-radius:11px!important;background:#fff!important;color:#17344d!important;box-shadow:0 5px 15px rgba(7,26,42,.09)!important}.oc-main-navbar #site-navigation{display:none!important;position:absolute!important;top:64px!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100vh - 64px)!important;overflow-y:auto!important;background:#fff!important;border-top:1px solid #e7ecf1!important;box-shadow:0 18px 30px rgba(7,26,42,.13)!important;padding:10px 15px 15px!important}.oc-main-navbar #site-navigation.show,.oc-main-navbar #site-navigation.in{display:block!important}.oc-main-navbar .oc-main-nav,.oc-main-navbar .oc-language-nav,.oc-main-navbar .navbar-right{display:block!important;width:100%!important;margin:0!important}.oc-main-navbar .oc-main-nav>li,.oc-main-navbar .navbar-right>li{display:block!important;width:100%!important}.oc-main-navbar .oc-main-nav>li>a,.oc-main-navbar .navbar-right>li>a{display:flex!important;width:100%!important;height:auto!important;min-height:42px!important;margin:3px 0!important;padding:10px 12px!important}.oc-language-switcher{margin:6px 0 10px!important;flex-wrap:wrap!important}.oc-language-options{gap:7px!important;flex-wrap:wrap!important}.oc-language-choice{min-width:50px!important;height:34px!important}.oc-main-navbar .user-menu{position:static!important;float:none!important;width:100%!important;margin:5px 0!important;box-shadow:none!important}.oc-marquee-bar{margin-top:64px!important;height:38px!important;min-height:38px!important}.oc-marquee-bar marquee{height:38px!important;line-height:38px!important;font-size:12px!important}.main-footer .footer-content{padding:34px 0 24px!important}.main-footer .footer-col{padding:8px 12px!important;margin-bottom:8px!important}}


/* =========================================================
   OOFCHANGER V19 — CLEAN / SIMPLE / MOBILE-FIRST OVERRIDES
   ========================================================= */

/* Header + announcement: smaller gap, calmer palette */
.oc-main-navbar,.navbar-site{
  height:64px!important;
  min-height:64px!important;
  box-shadow:0 3px 14px rgba(7,24,39,.08)!important;
}
.oc-main-navbar>.container,.navbar-site>.container{height:64px!important;min-height:64px!important}
.oc-main-navbar .navbar-identity,.navbar-identity{height:64px!important}
.oc-main-navbar .navbar-brand,.navbar-site .navbar-brand{height:64px!important}
.oc-main-navbar .navbar-brand img,.navbar-site .navbar-brand img{height:42px!important;max-width:200px!important}
.oc-main-navbar .oc-main-nav>li>a,.navbar-site .navbar-nav>li>a{
  height:38px!important;padding:0 11px!important;margin:0 1px!important;border-radius:8px!important;
  font-size:12.5px!important;font-weight:700!important;
}
.oc-main-navbar .oc-main-nav>li>a:hover,.navbar-site .navbar-nav>li>a:hover{
  background:#f5f7f9!important;color:#29445a!important;
}
.oc-language-choice{height:30px!important;min-width:44px!important;border-radius:8px!important}
.oc-marquee-bar{
  margin-top:64px!important;height:32px!important;min-height:32px!important;
  background:#17354d!important;border-bottom:1px solid #caa05a!important;
  box-shadow:none!important;
}
.oc-marquee-bar marquee{
  height:32px!important;line-height:32px!important;font-size:11.5px!important;font-weight:600!important;
  color:#f4f7fa!important;
}

/* Exchange page: remove the large business-promotion block from the form.
   The same offer is available in the once-per-session popup instead. */
.exchange-page .ob-light-card,.ob-light-card{display:none!important}

/* Cleaner exchange form */
#exchangeForm .inner-box,.inner-box{
  border-radius:12px!important;
}
#exchangeForm .form-control{
  border-radius:8px!important;
  box-shadow:none!important;
}
#exchangeForm hr{margin:12px 0!important;border-top:1px solid #edf0f3!important}

/* Reliable native checkbox on desktop + mobile. Do not depend on Bootstrap's
   custom-control pseudo-element, which was causing the tick/click problem. */
#termsCheckbox,
#customControlAutosizing,
.oc-terms-row input[type="checkbox"],
.form-check-input,
.custom-control-input{
  position:relative!important;
  display:inline-block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0 8px 0 0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  accent-color:#176b58!important;
  cursor:pointer!important;
  vertical-align:middle!important;
}
#termsCheckbox + label,.oc-terms-row label,.form-check-label,.custom-control-label{
  cursor:pointer!important;
}
#exchangeForm .form-check,
#exchangeForm .form-check-label{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:24px!important;
  padding:0!important;
}
#exchangeForm .form-check-label input{flex:0 0 auto!important}
#exchangeForm .form-check-label a{margin-left:2px!important}

/* Auth pages: one quiet card, no side promo clutter */
.oc-auth-page{
  padding-top:28px!important;
  padding-bottom:42px!important;
  min-height:calc(100vh - 96px)!important;
}
.oc-auth-wrap{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
}
.oc-auth-card{
  width:min(440px,100%)!important;
  padding:26px!important;
  border:1px solid #e1e7ed!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(7,24,39,.07)!important;
}
.oc-auth-head{text-align:center!important;margin-bottom:20px!important}
.oc-auth-icon{
  width:42px!important;height:42px!important;margin:0 auto 10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:11px!important;background:#f4f7f9!important;color:#24445b!important;
}
.oc-auth-head h1{
  margin:0 0 5px!important;font-size:21px!important;font-weight:800!important;color:#172f45!important;
}
.oc-auth-head p{margin:0!important;color:#718093!important;font-size:12px!important;line-height:1.5!important}
.oc-auth-form .form-group{margin-bottom:15px!important}
.oc-auth-form label{font-size:12px!important;font-weight:700!important;color:#35495c!important;margin-bottom:6px!important}
.oc-auth-form .form-control{
  height:42px!important;border-radius:8px!important;border:1px solid #d9e1e8!important;
  box-shadow:none!important;font-size:13px!important;
}
.oc-auth-form .form-control:focus{
  border-color:#9bb3c4!important;box-shadow:0 0 0 3px rgba(23,107,88,.07)!important;
}
.oc-auth-submit{
  height:42px!important;border:0!important;border-radius:8px!important;
  background:#17354d!important;color:#fff!important;font-size:13px!important;font-weight:800!important;
  box-shadow:none!important;
}
.oc-auth-submit:hover{background:#102d45!important}
.oc-auth-links{text-align:center!important;padding:14px 0 10px!important;font-size:12px!important}
.oc-auth-links a,.oc-auth-register a{font-weight:700!important}
.oc-auth-register{
  display:flex!important;justify-content:center!important;gap:5px!important;
  padding-top:14px!important;border-top:1px solid #edf0f3!important;
  color:#7a8997!important;font-size:12px!important;
}
.oc-register-note{
  display:flex!important;flex-direction:column!important;gap:3px!important;
  margin-bottom:18px!important;padding:10px 11px!important;
  border-left:3px solid #caa05a!important;background:#fafbfc!important;
  color:#68798a!important;font-size:11px!important;line-height:1.5!important;
}
.oc-register-note strong{color:#344c60!important;font-size:11px!important}
.oc-terms-row{
  display:flex!important;align-items:flex-start!important;gap:6px!important;
  margin:4px 0 16px!important;color:#667789!important;font-size:11.5px!important;line-height:1.45!important;
}
.oc-terms-row input{margin-top:1px!important}
.oc-terms-row label{margin:0!important;font-weight:500!important;color:#667789!important}
.oc-terms-row a{font-weight:700!important}

/* Footer: one flat surface, no four boxes, and never clipped */
.main-footer{
  clear:both!important;
  width:100%!important;
  overflow:visible!important;
  background:#081b2b!important;
  border-top:1px solid rgba(202,160,90,.35)!important;
}
.main-footer .footer-content{
  width:100%!important;
  padding:34px 0 20px!important;
  overflow:visible!important;
}
.oc-footer-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr)) minmax(220px,1.25fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.oc-footer-nav-col,.oc-footer-side{
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.main-footer .footer-title{
  margin:0 0 12px!important;
  padding:0!important;
  color:#f7f9fb!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
.main-footer .footer-nav{margin:0!important;padding:0!important}
.main-footer .footer-nav li{margin:0 0 7px!important;padding:0!important}
.main-footer .footer-nav li a{
  display:inline!important;padding:0!important;color:#aebdca!important;
  font-size:11.5px!important;line-height:1.45!important;
}
.main-footer .footer-nav li a:hover{color:#f1d58f!important;background:none!important}
.oc-footer-side-section{padding:0 0 18px!important;margin:0 0 18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.oc-footer-side-section:last-child{margin-bottom:0!important;border-bottom:0!important}
.main-footer .social-list-footer{
  display:flex!important;flex-wrap:wrap!important;gap:7px!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:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:8px!important;background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.09)!important;color:#cbd6df!important;
}
.main-footer .social-list-footer a:hover{background:#f1d58f!important;color:#17354d!important;transform:none!important}
.oc-footer-kicker{
  display:block!important;margin-bottom:8px!important;color:#f1d58f!important;
  font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important;
}
.main-footer .paymanet-method-logo{
  display:flex!important;flex-wrap:wrap!important;gap:7px!important;justify-content:flex-start!important;
  padding:0!important;margin:0!important;min-height:0!important;
  background:none!important;border:0!important;border-radius:0!important;
}
.main-footer .paymanet-method-logo img{
  max-width:54px!important;max-height:24px!important;width:auto!important;
  padding:3px!important;border-radius:5px!important;box-shadow:none!important;
}
.oc-footer-trust{margin-top:22px!important;text-align:center!important}
.main-footer .trustpilot-widget{
  display:inline-block!important;margin:0 auto!important;padding:6px 10px!important;
  background:#fff!important;border-radius:8px!important;max-width:330px!important;min-height:20px!important;
}
.main-footer .copy-info{
  margin-top:18px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important;
  color:#8294a4!important;font-size:10.5px!important;line-height:1.5!important;
}
.main-footer .copy-info a{color:#d8bd78!important}

/* Remove legacy nested footer box styling that can create double borders. */
.main-footer .footer-col,
.main-footer .mobile-app-content,
.main-footer .hero-subscribe,
.main-footer .oc-footer-bottom-card{
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}

/* Make sure the footer is complete on narrow screens. */
@media(max-width:991px){
  .oc-main-navbar .navbar-toggler{width:40px!important;height:38px!important;border-radius:8px!important;box-shadow:none!important}
  .oc-main-navbar #site-navigation{top:64px!important}
  .oc-main-navbar .oc-main-nav>li>a,.navbar-site .navbar-nav>li>a{min-height:40px!important;height:auto!important;padding:9px 11px!important}
  .oc-marquee-bar{margin-top:64px!important}
  .oc-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 18px!important}
  .oc-footer-side{grid-column:1 / -1!important}
}
@media(max-width:520px){
  .oc-auth-page{padding-top:18px!important;padding-bottom:30px!important}
  .oc-auth-card{padding:20px 16px!important;border-radius:12px!important;box-shadow:0 6px 20px rgba(7,24,39,.06)!important}
  .oc-auth-head h1{font-size:19px!important}
  .oc-footer-grid{grid-template-columns:1fr 1fr!important;gap:20px 14px!important}
  .oc-footer-nav-col .footer-title{font-size:11.5px!important}
  .main-footer .footer-nav li a{font-size:11px!important}
}

/* Compact exchange-page security notice */
.oc-simple-security{
  margin:14px 0 8px!important;padding:13px 14px!important;
  border:1px solid #e3e9ee!important;border-radius:10px!important;
  background:#fafcfd!important;color:#607283!important;font-size:11px!important;line-height:1.5!important;
}
.oc-simple-security-title{font-size:12px!important;font-weight:800!important;color:#29445a!important;margin-bottom:4px!important}
.oc-simple-security p{margin:0 0 8px!important}
.oc-simple-security-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.oc-simple-security-grid span{padding:7px 8px!important;border:1px solid #edf1f4!important;border-radius:7px!important;background:#fff!important}
.oc-simple-security-grid b{color:#42596c!important}
.oc-simple-security small{display:block!important;margin-top:8px!important;color:#8492a0!important}
@media(max-width:600px){
 .oc-simple-security-grid{grid-template-columns:1fr!important}
}

/* OofChanger exchange amount limits + clickable error popup */
.ce-amount-limit{display:block;margin-top:6px;color:#777;font-size:12px;line-height:1.5;}
.ce-amount-limit b{font-weight:700;}
.ce-clickable-error{cursor:pointer;}
.ce-error-modal{position:fixed;inset:0;z-index:99999;}
.ce-error-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);}
.ce-error-modal-box{position:relative;width:calc(100% - 30px);max-width:480px;margin:12vh auto 0;background:#fff;border-radius:14px;padding:30px 26px 24px;box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:center;}
.ce-error-modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:28px;line-height:1;color:#777;cursor:pointer;}
.ce-error-modal-icon{font-size:42px;margin-bottom:8px;}
.ce-error-modal-box h3{margin:5px 0 12px;font-weight:700;}
.ce-error-modal-box #ce_error_modal_message{font-size:15px;line-height:1.7;margin-bottom:20px;}
body.ce-error-modal-open{overflow:hidden;}


/* OofChanger: homepage Exchange Guidelines scroll-to-confirm gate */
.oc-guidelines#oc_guidelines_scroll{
  max-height:340px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scroll-behavior:smooth!important;
  overscroll-behavior:contain!important;
  position:relative!important;
}
.oc-guidelines#oc_guidelines_scroll:focus{outline:2px solid rgba(11,34,55,.15)!important;outline-offset:2px!important;}
.oc-guidelines-scroll-notice{
  max-width:900px!important;margin:10px auto 10px!important;padding:10px 14px!important;
  border:1px solid #eadfc9!important;border-radius:10px!important;background:#fffaf1!important;
  color:#80672f!important;font-size:12px!important;text-align:center!important;line-height:1.5!important;
}
.oc-guidelines-scroll-notice.oc-guidelines-unlocked{
  border-color:#d8e8df!important;background:#f4fbf7!important;color:#28704b!important;
}
#ce_exbtn.oc-confirm-locked{
  opacity:.55!important;cursor:not-allowed!important;filter:grayscale(.25)!important;
  pointer-events:none!important;
}
#ce_exbtn.oc-confirm-ready{opacity:1!important;cursor:pointer!important;pointer-events:auto!important;}
@media(max-width:767px){
 .oc-guidelines#oc_guidelines_scroll{max-height:300px!important;}
 .oc-guidelines-scroll-notice{font-size:11px!important;margin-left:8px!important;margin-right:8px!important;}
}