/* ATHAR performance + deep RED/black system (was purple) */
html{ scroll-behavior: smooth; }
body{
  background: #050203 !important;
  overscroll-behavior-y: auto;
  -webkit-tap-highlight-color: transparent;
}
*{
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img, video{ content-visibility: auto; }
.page, .tab-content, .add-funds-view, .home-view, .account-view{
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: auto;
}
button, .nav-item, .method-card, .funds-history-item, .af-method-card, a{
  touch-action: manipulation;
  cursor: pointer;
}
.glass, .blur-bg{ backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; }

/* Country dropdown / menus — deep red black */
.athar-country-menu, .pf-country-menu, .athar-country-wrap .athar-country-menu{
  background: linear-gradient(180deg, #1a080a 0%, #0a0405 100%) !important;
  border: 1px solid rgba(220,38,38,.4) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.65) !important;
  border-radius: 16px !important;
}
.athar-country-option, .pf-country-menu button, .athar-country-option{
  color: #fecaca !important;
}
.athar-country-option:hover, .athar-country-option.active,
.pf-country-menu button:active, .pf-country-menu button:hover{
  background: rgba(220,38,38,.28) !important;
  color: #fff !important;
}
.athar-country-btn, .pf-country-btn{
  background: linear-gradient(135deg, #2a0a0c, #1a080a) !important;
  border: 1px solid rgba(220,38,38,.45) !important;
  color: #fef2f2 !important;
  border-radius: 12px !important;
}
.athar-country-search input, .pf-country-search input, #atharCountrySearch, #pfCountrySearch{
  background: #0a0405 !important;
  border: 1px solid rgba(220,38,38,.35) !important;
  color: #fff !important;
  border-radius: 10px !important;
}

/* Welcome / notification popups deep red */
.notification-popup .popup-box,
.verifying-popup-box,
.athar-referral-modal-card,
.funds-method-modal-card{
  background: linear-gradient(165deg, #1a080a 0%, #0a0405 100%) !important;
  border: 1px solid rgba(220,38,38,.4) !important;
  color: #fef2f2 !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.55) !important;
}
.popup-btn, .funds-method-modal-card button.selected{
  background: linear-gradient(135deg, #991b1b, #dc2626) !important;
  border: none !important;
  color: #fff !important;
}
.notification-popup{
  background: rgba(0,0,0,.72) !important;
}

/* Login shell dark red */
.athar-auth-shell, .login-view, #login-view{
  background: radial-gradient(ellipse at top, #2a0a0c 0%, #0a0405 50%, #000 100%) !important;
}