:root{
  --lux-bg:#0a0a0a;
  --lux-bg-2:#111111;
  --lux-bg-3:#171717;
  --lux-panel:#121212;
  --lux-panel-2:#1a1a1a;
  --lux-border:rgba(212,175,55,.18);
  --lux-border-strong:rgba(212,175,55,.35);
  --lux-gold:#d4af37;
  --lux-gold-soft:#f0d77a;
  --lux-text:#f5f1e6;
  --lux-text-muted:#b8b2a3;
  --lux-shadow:0 20px 50px rgba(0,0,0,.35);
  --lux-radius:18px;
}
html{scroll-behavior:smooth}
body, body.noAuth, .dashboard, .dashboard #main_container .content_area, .dashboard #main_container .sidebar, .dashboard #main_container .top_header{background:var(--lux-bg)!important;color:var(--lux-text)}
body{color:var(--lux-text)}
a{transition:.2s ease}
a:hover{text-decoration:none}
img{max-width:100%;height:auto}

/* Shared surfaces */
.card,.card_v2,.ticket-box,.service-card,.faq-card,.blog-card,.dripfeeds .card,.orders .card,.massorder .card,.component_card,.component-content-card,.table-card,.balance-dropdown__container,.dropdown-menu,.menu_mobs,.foo__link__wraper,.user_menu_wraper{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01)),var(--lux-panel)!important;
  color:var(--lux-text)!important;
  border:1px solid var(--lux-border)!important;
  border-radius:var(--lux-radius)!important;
  box-shadow:var(--lux-shadow)!important;
}
.card-body,.component-content,.component_card_body{color:var(--lux-text)!important}

/* Typography */
h1,h2,h3,h4,h5,h6,.section__title,.menu_name,.user_menu_text,.control-label,.table thead th,.nav-link,.form-group label{color:var(--lux-text)!important}
p,span,small,label,.help-block,.text-muted,.table td,.table th,.menu_item,.nav-item a,.foo__menu a,.v2_banner_content p{color:var(--lux-text-muted)!important}
.section__title span,.gold-text,.balance,.nav-link.active,.menu_item.active .menu_name,.menu_item.active .menu_icon,.foo__link__wraper h4,.sigup_title h1,.v2_banner_content h4 span{color: #000000 !important;}

/* Inputs */
.form-control,.form-select,select,input,textarea,.bootstrap-select>.dropdown-toggle,.search-input{
  background:var(--lux-bg-2)!important;
  color:var(--lux-text)!important;
  border:1px solid var(--lux-border)!important;
  border-radius:14px!important;
  min-height:48px;
  box-shadow:none!important;
}
textarea.form-control,textarea{min-height:120px}
.form-control:focus,.form-select:focus,select:focus,input:focus,textarea:focus,.bootstrap-select>.dropdown-toggle:focus{
  border-color:var(--lux-gold)!important;
  box-shadow:0 0 0 4px rgba(212,175,55,.10)!important;
}
::placeholder{color:#8b8476!important;opacity:1}

/* Buttons */
.btn,.btn-primary,.btn-gradient,.btn-actions,.order_id,.refill-button,.btn_profiles,.pagination .btn,.btn-secondary{
  background:linear-gradient(135deg,#b88a1d,#d4af37 55%,#f0d77a)!important;
  color:#111!important;
  border:0!important;
  border-radius:14px!important;
  font-weight:700!important;
  box-shadow:0 12px 24px rgba(212,175,55,.16)!important;
}
.btn:hover,.btn-primary:hover,.btn-gradient:hover,.btn-actions:hover,.pagination .btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
.btn.btn-default,.clear-datetime,.btn_profiles{background:var(--lux-panel-2)!important;color:var(--lux-text)!important;border:1px solid var(--lux-border)!important;box-shadow:none!important}
.user_menu__item:hover,.menu_item:hover,.nav-link:hover{background:rgba(212,175,55,.08)!important;color:var(--lux-text)!important}

/* Auth layout */
#main_container .sidebar{
  background:linear-gradient(180deg,#050505,#111)!important;
  border-right:1px solid var(--lux-border)!important;
  width:290px;
}
#main_container .sidebar .sidebar_top{padding:20px 18px 10px}
#main_container .content_area{padding-left:290px;background:radial-gradient(circle at top right,rgba(212,175,55,.08),transparent 22%),var(--lux-bg)!important}
#main_container .content_area .content{padding:92px 24px 32px;max-width:1600px}
#main_container .content_area .top_header{
  width:calc(100% - 290px);
  height:72px;
  backdrop-filter:blur(14px);
  background:rgba(10,10,10,.88)!important;
  border-bottom:1px solid var(--lux-border)!important;
}
.top_head_wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;height:100%;padding:0 20px}
.sidebar_menu{padding:8px 14px 22px;max-height:calc(100vh - 265px);overflow:auto}
.menu_item,.order_history>button,#showMore{
  display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;margin-bottom:8px;
  background:transparent;border:1px solid transparent;border-radius:16px;color:var(--lux-text)!important;
}
.menu_item.active,#showMore:hover,.order_history>button:hover,.menu_item:hover{background:linear-gradient(180deg,rgba(212,175,55,.12),rgba(212,175,55,.05))!important;border-color:var(--lux-border-strong)!important}
.menu_icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(212,175,55,.08);color:var(--lux-gold)!important;flex:0 0 42px}
.user_data,.total_data,.user_wrap,.top_header .item,.user_settings{display:flex;align-items:center}
.user_data,.total_data{background:var(--lux-panel);border:1px solid var(--lux-border);border-radius:20px;padding:14px;gap:12px}
.user_balance{background:rgba(212,175,55,.08);padding:10px 14px;border-radius:14px;color:var(--lux-gold)!important}
.user_badges{background: linear-gradient(135deg, #2b210600, #00000000) !important;border: 1px solid rgb(166 121 16 / 0%) !important;border-radius:999px;padding:6px 12px}
.logo{display:flex;justify-content:center;align-items:center;min-height:56px}
.logo img,.logo_off_nav img{max-height:52px;object-fit:contain}
.sidebar_menu_icon,.close_btn_phone,.navbar-toggler,#cls{
  width:46px;height:46px;border-radius:14px;border:1px solid var(--lux-border)!important;
  background:var(--lux-panel)!important;color:var(--lux-gold)!important;display:grid;place-items:center
}
.day_night_btn{background:var(--lux-panel)!important;border:1px solid var(--lux-border)!important;border-radius:999px;padding:5px 8px;min-width:78px}
.settings_drop{right:0;left:auto!important;min-width:240px;padding:10px!important}
.user_menu__item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:var(--lux-text)!important}
.badge{border-radius:999px;padding:.38rem .6rem}

/* Tables */
.table-responsive,.table{background:transparent!important;color:var(--lux-text)!important}
.table thead th{background:rgba(212,175,55,.10)!important;border-color:var(--lux-border)!important;color:var(--lux-gold)!important;font-weight:700}
.table td,.table th{border-color:rgba(212,175,55,.08)!important;vertical-align:middle}
.table tbody tr{background:rgba(255,255,255,.015)!important}
.table tbody tr:hover{background:rgba(212,175,55,.05)!important}
.pagination{gap:8px;flex-wrap:wrap}
.pagination li.active .btn{background:linear-gradient(135deg,#f0d77a,#d4af37)!important}

/* Alerts/status */
.alert{border-radius:16px!important;border:1px solid var(--lux-border)!important}
.alert-danger{background:#2a1111!important;color:#ffd7d7!important}
.alert-success{background:#102116!important;color:#d7ffe1!important}

/* Guest navbar / landing */
#navbar{background:rgba(7,7,7,.88)!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--lux-border)!important;box-shadow:none!important}
.navbar-brand,.navbar-nav .nav-link,.menu_mobs a,#navMob .btn a{color:var(--lux-text)!important}
.navbar-nav .nav-link.active,.menu_mobs a.active{color:var(--lux-gold)!important}
#navMob{background:rgba(0,0,0,.78)!important;backdrop-filter:blur(8px)}
#navMob .nav_content{background:var(--lux-panel)!important;border-left:1px solid var(--lux-border)!important}
#v2-banner,#services,#cheapest,#bestsmmpanel,#faq,#blogs,#footer,#signUp{background:transparent!important}
.v2_banner_content,.login__form__wraper,.card_v2,.sigup_title,.foo__content,.foo__link__wraper{position:relative;z-index:1}
.v2_banner_content h1,.login_box h1,.sigup_title h1{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.05;color:var(--lux-text)!important}
.v2_banner_content h4,.login_box h4{color:var(--lux-text)!important}
.login__form__wraper,.card_v2{padding:clamp(18px,3vw,28px)!important}
marquee{border-radius:999px;padding:10px 16px!important;background:rgba(212,175,55,.14)!important;color:var(--lux-gold)!important}

/* Footer */
#footer,.footer,.foo__bg{background:#070707!important;border-top:1px solid var(--lux-border)!important}
.hr-line{background:linear-gradient(90deg,transparent,rgba(212,175,55,.4),transparent)!important;height:1px}

/* Better spacing */
.container,.container-fluid{position:relative}
.row{row-gap:18px}
.col-lg-12>.card,.col-md-12>.card,.col-12>.card{margin-bottom:0}

/* Mobile */
.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.25s ease;z-index:8}
body.sidebar-open .sidebar-overlay{opacity:1;visibility:visible}
@media (max-width: 1199px){
  #main_container .sidebar{width:270px;transform:translateX(-100%);z-index:20}
  #main_container .content_area,#main_container.toogle_sidebar .content_area{padding-left:0}
  #main_container .content_area .top_header,#main_container.toogle_sidebar .content_area .top_header{width:100%}
  body.sidebar-open #main_container .sidebar{transform:translateX(0)}
  #main_container.toogle_sidebar .sidebar{transform:translateX(-100%)}
  #main_container .content_area .content{padding:88px 16px 24px}
  .close_btn_phone{display:grid!important}
}
@media (min-width: 1200px){
  .close_btn_phone{display:none!important}
}
@media (max-width: 991px){
  #notLogin{padding-top:88px}
  .navbar .container{padding-inline:16px}
  .navbar-collapse{display:none!important}
  .top_head_wrap{padding:0 14px}
  .logo_off_nav img{max-height:42px}
  .top_header .item:nth-child(2){display:none}
  .table-responsive{overflow-x:auto}
  .table{min-width:860px}
  .v2_banner_content,.login__form__wraper,.card_v2{border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01)),var(--lux-panel)!important;border:1px solid var(--lux-border)!important;box-shadow:var(--lux-shadow)!important}
}
@media (max-width: 767px){
  .menu_item,.order_history>button,#showMore{padding:12px 14px}
  .menu_icon{width:38px;height:38px;border-radius:12px;flex-basis:38px}
  .user_data,.total_data{padding:12px}
  .v2_banner_content h1,.login_box h1,.sigup_title h1{font-size:2rem}
  .btn,.btn-primary,.btn-gradient,.btn-actions{width:auto;min-height:46px}
  .card,.card_v2,.login__form__wraper{border-radius:18px!important}
}


/* ===== V3 Luxury animated redesign ===== */
html{scroll-behavior:smooth}
body.luxury-v3{
  background:
    radial-gradient(circle at 12% 0%, rgba(212,175,55,.12), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(212,175,55,.08), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(255,255,255,.03), transparent 28%),
    linear-gradient(180deg, #040404 0%, #090909 42%, #050505 100%)!important;
}
body.luxury-v3::before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(180deg, rgba(255,255,255,.48), transparent 70%);
  opacity:.28;
}
#main_container .sidebar{
  overflow:hidden;
  position:fixed;
  inset:0 auto 0 0;
  backdrop-filter:blur(16px);
  background:
    linear-gradient(180deg, rgba(20,20,20,.98), rgba(8,8,8,.98)),
    radial-gradient(circle at top left, rgba(212,175,55,.10), transparent 30%)!important;
}
.sidebar_luxury_orb{
  position:absolute; border-radius:999px; filter:blur(18px); opacity:.45; pointer-events:none;
  animation: floatOrb 8s ease-in-out infinite;
}
.sidebar_luxury_orb.orb_one{width:140px;height:140px;top:-28px;left:-38px;background:rgba(212,175,55,.22)}
.sidebar_luxury_orb.orb_two{width:110px;height:110px;bottom:12%;right:-30px;background:rgba(255,215,128,.12);animation-delay:-3s}
@keyframes floatOrb{
  0%,100%{transform:translateY(0) translateX(0) scale(1)}
  50%{transform:translateY(10px) translateX(6px) scale(1.06)}
}
#main_container .sidebar .sidebar_top{
  padding:20px 18px 14px;
  border-bottom:1px solid rgba(212,175,55,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.03), transparent);
}
.sidebar_menu{
  padding-top:14px;
}
.menu_section_label{
  display:flex; align-items:center; gap:10px;
  margin:4px 8px 12px;
  padding:0 8px;
  color:#f0d77a;
  font-size:.74rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.18em;
  opacity:.92;
}
.menu_section_label::before{
  content:"";
  width:26px;height:1px;
  background:linear-gradient(90deg, rgba(212,175,55,.72), transparent);
}
.menu_section_label_spaced{margin-top:20px}
.menu_item,.order_history>button,#showMore{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  backdrop-filter:blur(10px);
}
.menu_item::before,#showMore::before,.order_history>button::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
  transform:translateX(-115%);
  transition:transform .7s ease;
}
.menu_item:hover::before,#showMore:hover::before,.order_history>button:hover::before{transform:translateX(115%)}
.menu_item.active,.menu_item:hover,#showMore:hover,.order_history>button:hover{
  box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.menu_icon{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 20px rgba(0,0,0,.18);
}
#showMore .menu_icon{transition:transform .3s ease}
#showMore.is-open .menu_icon{transform:rotate(180deg)}
#more_menu{
  display:grid;
  gap:8px;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(-4px);
  transition:max-height .4s ease, opacity .3s ease, transform .3s ease;
}
#more_menu.active_more_menu{
  max-height:480px;
  opacity:1;
  transform:translateY(0);
}
#main_container .content_area{
  min-height:100vh;
}
#main_container .content_area .top_header{
  height:82px;
  background:rgba(7,7,7,.72)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.26);
}
.top_head_wrap{gap:16px}
.top_header_badge{
  display:flex; align-items:center; gap:14px;
  min-width:min(100%, 430px);
  padding:12px 16px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.15);
  background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(212,175,55,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 30px rgba(0,0,0,.18);
}
.top_header_badge_icon{
  width:42px;height:42px;display:grid;place-items:center;border-radius:14px;
  background:linear-gradient(135deg,#8d6a14,#d4af37,#f0d77a); color:#111;
  box-shadow:0 14px 24px rgba(212,175,55,.22);
}
.top_header_badge_texts{display:flex;flex-direction:column;line-height:1.1}
.top_header_kicker{
  font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#f0d77a; font-weight:800;
}
.top_header_title{
  color:#fff; font-size:.98rem; font-weight:700;
}
.btn_profiles_v3{
  display:flex!important; align-items:center; gap:10px;
  padding:8px 12px!important;
  min-height:56px;
  min-width:unset;
}
.btn_profile_texts{
  display:flex; flex-direction:column; align-items:flex-start; line-height:1.08;
}
.btn_profile_texts strong{font-size:.92rem; color:#fff}
.btn_profile_texts small{font-size:.72rem; color:#b9ae95}
.user_top_avatar img{
  border-radius:14px;
  border:1px solid rgba(212,175,55,.24);
  box-shadow:0 12px 24px rgba(0,0,0,.18);
}
.card,.card_v2,.login__form__wraper,.component_card,.table-card,.dropdown-menu,.foo__link__wraper,.user_menu_wraper{
  backdrop-filter:blur(14px);
  box-shadow:
    0 18px 50px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.card::before,.card_v2::before,.login__form__wraper::before,.foo__link__wraper::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 28%);
}
.btn,.btn-primary,.btn-gradient,.btn-actions,.order_id,.refill-button,.pagination .btn{
  position:relative;
  overflow:hidden;
}
.btn::after,.btn-primary::after,.btn-gradient::after,.btn-actions::after,.pagination .btn::after{
  content:"";
  position:absolute; top:0; bottom:0; left:-120%; width:45%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  transform:skewX(-18deg);
  transition:left .65s ease;
}
.btn:hover::after,.btn-primary:hover::after,.btn-gradient:hover::after,.btn-actions:hover::after,.pagination .btn:hover::after{left:140%}
.navbar .container.luxury_nav_container{
  min-height:82px;
}
.navbar-brand img{max-height:50px; filter:drop-shadow(0 10px 24px rgba(212,175,55,.10))}
.navbar-nav .nav-link{
  padding:12px 14px!important;
  border-radius:14px;
  font-weight:600;
}
.navbar-nav .nav-link:hover{
  box-shadow:inset 0 0 0 1px rgba(212,175,55,.14);
}
.nav__icons{
  font-size:1.2rem;
}
#navMob{
  transition:opacity .28s ease, visibility .28s ease;
}
#navMob .nav_content{
  width:min(90vw, 360px);
  padding:86px 18px 24px;
  background:
    linear-gradient(180deg, rgba(14,14,14,.98), rgba(5,5,5,.98)),
    radial-gradient(circle at top right, rgba(212,175,55,.12), transparent 28%)!important;
  box-shadow:-18px 0 40px rgba(0,0,0,.28);
}
.menu_mobs a{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid transparent;
  background:rgba(255,255,255,.02);
}
.menu_mobs a:hover,.menu_mobs a.active{
  border-color:rgba(212,175,55,.18);
  background:linear-gradient(180deg, rgba(212,175,55,.12), rgba(212,175,55,.04));
}
.footer__v2 .container{
  position:relative;
}
.footer__v2 .container::before{
  content:"";
  position:absolute; inset:-20px 0 auto 0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,175,55,.4), transparent);
}
@media (min-width: 1200px){
  #main_container .content_area .content{padding:102px 28px 34px}
  .sidebar_menu::-webkit-scrollbar{width:8px}
  .sidebar_menu::-webkit-scrollbar-thumb{background:rgba(212,175,55,.16);border-radius:999px}
}
@media (max-width: 1199px){
  #main_container .sidebar{
    width:min(86vw, 320px);
    box-shadow:18px 0 40px rgba(0,0,0,.34);
  }
  .top_header_badge{
    min-width:0;
    width:100%;
  }
}
@media (max-width: 991px){
  .top_header_center{display:none!important}
  .btn_profile_texts{display:none}
  #main_container .content_area .top_header{
    height:74px;
  }
  .card,.card_v2,.login__form__wraper{padding:18px!important}
}
@media (max-width: 767px){
  body.luxury-v3::before{background-size:34px 34px}
  .sidebar_menu{padding-inline:12px}
  .menu_item, .order_history>button, #showMore{
    padding:13px 14px;
  }
  .btn_profiles_v3{
    padding:8px 10px!important;
    min-height:50px;
  }
  #navMob .nav_content{
    width:100%;
    max-width:100%;
  }
}


/* ===== v3.1 mobile sidebar hotfix ===== */
body.sidebar-open{overflow:hidden}
#main_container .content_area .top_header{z-index:18}
.sidebar_menu_icon{cursor:pointer}
.close_btn_phone{position:relative;z-index:2;cursor:pointer}
@media (max-width: 1199px){
  #main_container .sidebar{
    width:min(86vw,320px)!important;
    transform:translate3d(-110%,0,0)!important;
    visibility:hidden;
    pointer-events:none;
    transition:transform .28s ease, visibility .28s ease!important;
    z-index:30!important;
    box-shadow:18px 0 50px rgba(0,0,0,.45);
  }
  body.sidebar-open #main_container .sidebar{
    transform:translate3d(0,0,0)!important;
    visibility:visible;
    pointer-events:auto;
  }
  #main_container.toogle_sidebar .sidebar{transform:translate3d(-110%,0,0)!important}
  .sidebar-overlay{z-index:29}
  .sidebar_menu_icon{display:grid!important}
  .top_head_wrap .item:first-child{gap:12px}
}
@media (min-width: 1200px){
  body.sidebar-open{overflow:auto}
}


/* ===== Theme toggle + light mode ===== */
body.lightmode{
  --lux-bg:#f5f1e7;
  --lux-bg-2:#fffaf1;
  --lux-bg-3:#efe4cf;
  --lux-panel:#fffdf8;
  --lux-panel-2:#f7ecd9;
  --lux-border:rgba(166,121,16,.18);
  --lux-border-strong:rgba(166,121,16,.34);
  --lux-gold:#a67910;
  --lux-gold-soft:#cda63f;
  --lux-text:#1e180f;
  --lux-text-muted:#5d5142;
  --lux-shadow:0 20px 50px rgba(69,45,8,.10);
  background:
    radial-gradient(circle at 12% 0%, rgba(166,121,16,.10), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(205,166,63,.10), transparent 24%),
    linear-gradient(180deg, #fbf8f1 0%, #f5ede0 100%)!important;
  color:var(--lux-text)!important;
}
body.lightmode::before{opacity:.10}
body.lightmode, body.lightmode.noAuth, body.lightmode .dashboard, body.lightmode .dashboard #main_container .content_area, body.lightmode .dashboard #main_container .sidebar, body.lightmode .dashboard #main_container .top_header{background-color:transparent!important;color:var(--lux-text)!important}
body.lightmode .card, body.lightmode .card_v2, body.lightmode .ticket-box, body.lightmode .service-card, body.lightmode .faq-card, body.lightmode .blog-card, body.lightmode .component_card, body.lightmode .component-content-card, body.lightmode .table-card, body.lightmode .balance-dropdown__container, body.lightmode .dropdown-menu, body.lightmode .menu_mobs, body.lightmode .foo__link__wraper, body.lightmode .user_menu_wraper,
body.lightmode .v2_banner_content, body.lightmode .login__form__wraper{
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,250,241,.97)),var(--lux-panel)!important;
}
body.lightmode #main_container .sidebar{
  background:linear-gradient(180deg, rgba(255,252,246,.98), rgba(247,238,223,.98))!important;
  border-right:1px solid var(--lux-border)!important;
}
body.lightmode #main_container .content_area .top_header,
body.lightmode #navbar{
  background:rgba(255,248,238,.85)!important;
  border-bottom:1px solid var(--lux-border)!important;
}
body.lightmode .menu_icon{background:rgba(166,121,16,.10)!important;color:var(--lux-gold)!important}
body.lightmode .menu_item.active, body.lightmode .menu_item:hover, body.lightmode #showMore:hover, body.lightmode .order_history>button:hover{
  background:linear-gradient(180deg,rgba(166,121,16,.10),rgba(166,121,16,.05))!important;
}
body.lightmode .form-control, body.lightmode .form-select, body.lightmode select, body.lightmode input, body.lightmode textarea, body.lightmode .bootstrap-select>.dropdown-toggle, body.lightmode .search-input{
  background:#fffdf8!important;
  color:var(--lux-text)!important;
}
body.lightmode .table tbody tr{background:rgba(166,121,16,.03)!important}
body.lightmode .sidebar-overlay{background:rgba(40,26,0,.18)}
.day_night_btn{
  display:inline-flex;align-items:center;justify-content:space-between;gap:8px;position:relative;overflow:hidden;
}
.day_night_btn .active_circle{
  position:absolute;top:5px;left:6px;width:30px;height:30px;border-radius:999px;
  background:linear-gradient(135deg,#b88a1d,#d4af37 55%,#f0d77a);transition:transform .28s ease;
  box-shadow:0 8px 18px rgba(212,175,55,.25);
}
body.lightmode .day_night_btn .active_circle{transform:translateX(36px)}
.day_night_btn .night_mode,.day_night_btn .day_mode{position:relative;z-index:1;width:30px;height:30px;display:grid;place-items:center;color:var(--lux-text)!important}
body.lightmode .top_header_badge{background:linear-gradient(135deg,rgba(166,121,16,.10),rgba(205,166,63,.06))!important;border:1px solid var(--lux-border)!important}
body.lightmode .user_balance{background: rgb(166 121 16 / 55%) !important;}


/* ===== V5 Gradient black-gold premium overhaul ===== */
:root{
  --v5-g1:#050505;
  --v5-g2:#0f0b03;
  --v5-g3:#1a1305;
  --v5-gold-soft:rgba(255,214,102,.18);
  --v5-gold-strong:rgba(212,175,55,.34);
}
body.luxury-v3,
body.nightmode.luxury-v3{
  background:
    radial-gradient(circle at 8% 10%, rgba(255,215,120,.16), transparent 18%),
    radial-gradient(circle at 88% 12%, rgba(212,175,55,.14), transparent 20%),
    radial-gradient(circle at 50% 120%, rgba(255,255,255,.03), transparent 26%),
    linear-gradient(135deg, var(--v5-g1) 0%, var(--v5-g2) 28%, var(--v5-g3) 58%, #080808 100%)!important;
  background-attachment:fixed!important;
}
body.lightmode.luxury-v3{
  background:
    radial-gradient(circle at 10% 8%, rgba(212,175,55,.16), transparent 18%),
    radial-gradient(circle at 88% 14%, rgba(255,230,160,.20), transparent 24%),
    linear-gradient(135deg, #fffdf8 0%, #f4eddc 36%, #efe5cf 100%)!important;
}
body.luxury-v3::after{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.04) 22%, transparent 45%),
    radial-gradient(circle at 20% 80%, rgba(212,175,55,.05), transparent 25%);
  mix-blend-mode:screen;
  animation:v5Sweep 12s linear infinite;
  opacity:.65;
}
@keyframes v5Sweep{
  0%{transform:translateX(-12%) translateY(0)}
  50%{transform:translateX(10%) translateY(-1.2%)}
  100%{transform:translateX(-12%) translateY(0)}
}
#main_container .sidebar{
  background:
    radial-gradient(circle at 0% 0%, rgba(255,223,130,.16), transparent 22%),
    linear-gradient(180deg, rgba(22,22,22,.98) 0%, rgba(9,9,9,.98) 100%)!important;
  border-right:1px solid rgba(212,175,55,.16)!important;
}
#main_container .content_area,
#notLogin{
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.10), transparent 22%),
    radial-gradient(circle at bottom left, rgba(212,175,55,.06), transparent 20%),
    transparent!important;
}
#main_container .content_area .top_header{
  background:
    linear-gradient(90deg, rgba(10,10,10,.92), rgba(28,20,7,.88), rgba(10,10,10,.92))!important;
  box-shadow:0 8px 30px rgba(0,0,0,.22);
}
body.lightmode #main_container .content_area .top_header,
body.lightmode #navbar{
  background:linear-gradient(90deg, rgba(255,252,245,.94), rgba(245,233,204,.96), rgba(255,252,245,.94))!important;
}
.card,.card_v2,.login__form__wraper,.signin__container,.v2_banner_content,.counter_item__wrap,.cheapest__content__wrap,.blog__card,.faq_item,.accordion-item{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(135deg, rgba(212,175,55,.08), rgba(255,255,255,.02) 34%, rgba(212,175,55,.05) 100%),
    var(--lux-panel)!important;
  border:1px solid rgba(212,175,55,.13)!important;
  box-shadow:0 20px 45px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.lightmode .card,body.lightmode .card_v2,body.lightmode .login__form__wraper,body.lightmode .signin__container,body.lightmode .v2_banner_content,body.lightmode .counter_item__wrap,body.lightmode .cheapest__content__wrap,body.lightmode .blog__card,body.lightmode .faq_item,body.lightmode .accordion-item{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,242,226,.95))!important;
}
.btn-primary,.btn-gradient,.btn-actions,.btn_profiles_v3,.user_balance{
  background:linear-gradient(135deg, #6e5211 0%, #d4af37 48%, #f5dfa0 100%)!important;
  color:#111!important;
  border:0!important;
  box-shadow:0 12px 24px rgba(212,175,55,.24), inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.btn-primary:hover,.btn-gradient:hover,.btn-actions:hover,.btn_profiles_v3:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
}
.menu_item.active,.menu_item:hover,#showMore:hover,.order_history>button:hover{
  background:linear-gradient(135deg, rgba(212,175,55,.18), rgba(255,255,255,.04), rgba(212,175,55,.10))!important;
}
.menu_icon,.top_header_badge_icon,.user_menu_icon{
  background:linear-gradient(135deg, rgba(212,175,55,.22), rgba(212,175,55,.08))!important;
  border:1px solid rgba(212,175,55,.16);
}
#navbar{
  background:linear-gradient(90deg, rgba(9,9,9,.94), rgba(26,20,8,.92), rgba(9,9,9,.94))!important;
}
.v2_banner_content h1,.section__title,.top_header_title{
  letter-spacing:-.02em;
}
.v2_banner_content h1{
  background:linear-gradient(135deg, #fff8e2 0%, #f1d884 42%, #ffffff 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.lightmode .v2_banner_content h1{
  background:linear-gradient(135deg, #3b2b05 0%, #9b7820 38%, #241a04 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.banner_image,.best_smm_panel,.top__smm__img,.cheapest_img{position:relative}
.banner_image::after,.best_smm_panel::after{
  content:"";
  position:absolute; inset:auto 8% -18px 8%; height:36px;
  background:radial-gradient(circle, rgba(212,175,55,.24), transparent 68%);
  filter:blur(16px);
  pointer-events:none;
}
.sidebar_menu_icon,.close_btn_phone,.navbar-toggler,#cls,.day_night_btn{
  box-shadow:0 10px 20px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05);
}
.top_header_badge{
  display:flex; align-items:center; gap:12px;
  padding:10px 14px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(212,175,55,.12), rgba(255,255,255,.03));
  border:1px solid rgba(212,175,55,.14);
}
.top_header_kicker{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--lux-gold)!important;font-weight:800}
.top_header_title{display:block;font-weight:700;color:var(--lux-text)!important}
#signinSection .signin__inner,
#CounterSections .counter_item__wrap,
#paymentSection .payment__images{
  position:relative;
}
#signinSection .signin__inner::before,
#CounterSections .counter_item__wrap::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(255,219,128,.25), rgba(255,255,255,.02), rgba(212,175,55,.18));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none;
}
@media (max-width: 991px){
  .top_header_badge{display:none}
  .v2_banner_content{padding:20px!important}
  .banner_image{margin-top:8px}
}
@media (max-width: 767px){
  body.luxury-v3::before{opacity:.18}
  body.luxury-v3::after{opacity:.4}
  #main_container .content_area .content{padding:84px 14px 22px}
  .v2_banner_content h1{font-size:1.9rem}
  .btn-primary,.btn-gradient,.btn-actions{width:100%}
}


/* ===== V6 Moving black-gold luxury background ===== */
:root{
  --v6-black-1:#030303;
  --v6-black-2:#090909;
  --v6-dark-gold:#2f2208;
  --v6-gold-1:#8f6a16;
  --v6-gold-2:#d4af37;
  --v6-gold-glow:rgba(212,175,55,.22);
}
body.luxury-v3,
body.nightmode.luxury-v3,
body.noAuth.luxury-v3,
body.dashboard.luxury-v3{
  background:
    radial-gradient(circle at 12% 18%, rgba(255,223,130,.18), transparent 20%),
    radial-gradient(circle at 86% 12%, rgba(212,175,55,.14), transparent 22%),
    radial-gradient(circle at 50% 120%, rgba(255,255,255,.04), transparent 28%),
    linear-gradient(120deg, var(--v6-black-1), var(--v6-dark-gold), var(--v6-black-2), #151005, var(--v6-black-1))!important;
  background-size: 180% 180%, 180% 180%, 160% 160%, 320% 320%!important;
  animation: v6GradientFlow 22s ease infinite!important;
  background-attachment: fixed!important;
}
body.lightmode.luxury-v3{
  background:
    radial-gradient(circle at 10% 14%, rgba(212,175,55,.16), transparent 18%),
    radial-gradient(circle at 86% 10%, rgba(255,235,170,.24), transparent 24%),
    linear-gradient(120deg, #fffcf6, #f6ecd6, #fff8ea, #ead7a1, #fffcf6)!important;
  background-size: 180% 180%, 160% 160%, 320% 320%!important;
  animation: v6GradientFlow 26s ease infinite!important;
}
@keyframes v6GradientFlow{
  0%{background-position:0% 50%, 100% 30%, 50% 100%, 0% 50%}
  25%{background-position:25% 30%, 70% 50%, 40% 90%, 50% 50%}
  50%{background-position:100% 50%, 0% 70%, 60% 100%, 100% 50%}
  75%{background-position:70% 70%, 35% 35%, 45% 90%, 50% 50%}
  100%{background-position:0% 50%, 100% 30%, 50% 100%, 0% 50%}
}
body.luxury-v3::before{
  background-image:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    radial-gradient(circle at 18% 20%, rgba(255,215,128,.10), transparent 24%),
    radial-gradient(circle at 80% 82%, rgba(212,175,55,.08), transparent 26%);
  background-size: 44px 44px, 44px 44px, 180% 180%, 180% 180%;
  animation: v6MeshFloat 30s linear infinite;
}
body.luxury-v3::after{
  content:"";
  position:fixed;
  inset:-15%;
  pointer-events:none;
  background:
    conic-gradient(from 180deg at 50% 50%, transparent 0deg, rgba(212,175,55,.08) 60deg, transparent 115deg, rgba(255,235,170,.10) 180deg, transparent 250deg, rgba(212,175,55,.08) 315deg, transparent 360deg),
    radial-gradient(circle at center, rgba(255,255,255,.05), transparent 42%);
  filter: blur(40px);
  mix-blend-mode: screen;
  opacity:.62;
  animation: v6AuroraRotate 28s linear infinite;
}
@keyframes v6MeshFloat{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-1.5%,1%,0) scale(1.04)}
  100%{transform:translate3d(0,0,0) scale(1)}
}
@keyframes v6AuroraRotate{
  0%{transform:rotate(0deg) scale(1)}
  50%{transform:rotate(180deg) scale(1.06)}
  100%{transform:rotate(360deg) scale(1)}
}
#main_container .content_area,
#notLogin,
main,
#services,
#faq,
#blogs,
#footer,
#signUp,
#v2-banner,
#bestsmmpanel,
#cheapest{
  background: transparent!important;
}
#main_container .sidebar{
  background:
    radial-gradient(circle at 0% 0%, rgba(255,225,140,.20), transparent 24%),
    radial-gradient(circle at 100% 100%, rgba(212,175,55,.10), transparent 26%),
    linear-gradient(180deg, rgba(18,18,18,.94) 0%, rgba(8,8,8,.96) 100%)!important;
  box-shadow: 0 0 0 1px rgba(212,175,55,.08), 24px 0 50px rgba(0,0,0,.30)!important;
}
#main_container .sidebar::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.05), transparent 28%, transparent 72%, rgba(212,175,55,.05));
}
#main_container .content_area .top_header,
#navbar{
  backdrop-filter: blur(16px);
  background:
    linear-gradient(90deg, rgba(8,8,8,.82), rgba(38,28,10,.78), rgba(8,8,8,.82))!important;
  border-bottom:1px solid rgba(212,175,55,.16)!important;
}
body.lightmode #main_container .content_area .top_header,
body.lightmode #navbar{
  background:linear-gradient(90deg, rgba(255,253,248,.88), rgba(244,232,198,.92), rgba(255,253,248,.88))!important;
}
.card,.card_v2,.login__form__wraper,.signin__container,.v2_banner_content,.counter_item__wrap,.cheapest__content__wrap,.blog__card,.faq_item,.accordion-item,.user_data,.total_data{
  position:relative;
  overflow:hidden;
}
.card::after,.card_v2::after,.login__form__wraper::after,.signin__container::after,.v2_banner_content::after,.counter_item__wrap::after,.cheapest__content__wrap::after,.blog__card::after,.faq_item::after,.accordion-item::after,.user_data::after,.total_data::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.07) 18%, transparent 36%);
  transform:translateX(-135%);
  animation:v6CardShine 7.5s ease-in-out infinite;
}
@keyframes v6CardShine{
  0%, 72%, 100%{transform:translateX(-135%)}
  82%{transform:translateX(135%)}
}
.menu_item,.order_history>button,#showMore,.btn-primary,.btn-gradient,.btn-actions,.btn_profiles_v3,.user_balance,.sidebar_menu_icon,.close_btn_phone,.navbar-toggler,#cls,.day_night_btn{
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.menu_item:hover,.order_history>button:hover,#showMore:hover,.btn-primary:hover,.btn-gradient:hover,.btn-actions:hover,.btn_profiles_v3:hover,.sidebar_menu_icon:hover,.close_btn_phone:hover,.navbar-toggler:hover,#cls:hover,.day_night_btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0,0,0,.24), 0 0 0 1px rgba(212,175,55,.10), 0 0 24px rgba(212,175,55,.10)!important;
}
.menu_item.active .menu_icon,
.menu_item:hover .menu_icon{
  box-shadow: 0 0 0 1px rgba(212,175,55,.14), 0 10px 22px rgba(212,175,55,.14)!important;
}
.top_header_badge,
.user_badges{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 26px rgba(212,175,55,.10);
}
body.lightmode .card::after,body.lightmode .card_v2::after,body.lightmode .login__form__wraper::after,body.lightmode .signin__container::after,body.lightmode .v2_banner_content::after,body.lightmode .counter_item__wrap::after,body.lightmode .cheapest__content__wrap::after,body.lightmode .blog__card::after,body.lightmode .faq_item::after,body.lightmode .accordion-item::after,body.lightmode .user_data::after,body.lightmode .total_data::after{
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.20) 18%, transparent 36%);
}
@media (max-width: 991px){
  body.luxury-v3,
  body.nightmode.luxury-v3,
  body.noAuth.luxury-v3,
  body.dashboard.luxury-v3{
    background-size: 220% 220%, 220% 220%, 180% 180%, 420% 420%!important;
    animation-duration: 28s!important;
  }
  #main_container .sidebar{box-shadow: 0 0 0 1px rgba(212,175,55,.10), 10px 0 34px rgba(0,0,0,.28)!important}
}
@media (max-width: 767px){
  body.luxury-v3::before{background-size: 34px 34px, 34px 34px, 160% 160%, 160% 160%;opacity:.16}
  body.luxury-v3::after{opacity:.42;filter:blur(34px)}
  .card::after,.card_v2::after,.login__form__wraper::after,.signin__container::after,.v2_banner_content::after,.counter_item__wrap::after,.cheapest__content__wrap::after,.blog__card::after,.faq_item::after,.accordion-item::after,.user_data::after,.total_data::after{animation-duration:10s}
}
@media (prefers-reduced-motion: reduce){
  body.luxury-v3,
  body.lightmode.luxury-v3,
  body.luxury-v3::before,
  body.luxury-v3::after,
  .card::after,.card_v2::after,.login__form__wraper::after,.signin__container::after,.v2_banner_content::after,.counter_item__wrap::after,.cheapest__content__wrap::after,.blog__card::after,.faq_item::after,.accordion-item::after,.user_data::after,.total_data::after{
    animation:none!important;
  }
}


/* ===== V7 auth redesign with flip layout ===== */
.auth-v7-section{
  position:relative;
  padding:130px 0 80px;
  overflow:hidden;
}
.auth-v7-section::before,
.auth-v7-section::after{
  content:"";
  position:absolute;
  border-radius:999px;
  filter:blur(40px);
  pointer-events:none;
  opacity:.55;
}
.auth-v7-section::before{
  width:280px;height:280px;left:-80px;top:60px;
  background:radial-gradient(circle, rgba(212,175,55,.24), transparent 68%);
  animation:v7OrbFloat 14s ease-in-out infinite;
}
.auth-v7-section::after{
  width:340px;height:340px;right:-90px;bottom:20px;
  background:radial-gradient(circle, rgba(255,230,150,.18), transparent 70%);
  animation:v7OrbFloat 18s ease-in-out infinite reverse;
}
@keyframes v7OrbFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,18px,0) scale(1.06)}
}
.auth-v7-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  gap:28px;
  align-items:stretch;
}
.auth-v7-shell-reverse{
  grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr);
}
.auth-v7-panel{
  position:relative;
  min-width:0;
  border-radius:30px;
  border:1px solid rgba(212,175,55,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(135deg, rgba(212,175,55,.10), rgba(255,255,255,.02) 35%, rgba(212,175,55,.07) 100%),
    rgba(10,10,10,.72);
  backdrop-filter:blur(16px);
  box-shadow:0 24px 60px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
}
.auth-v7-brand{
  padding:40px clamp(24px,4vw,48px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.auth-v7-badge,
.auth-v7-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(212,175,55,.18), rgba(255,255,255,.04));
  border:1px solid rgba(212,175,55,.18);
  color:var(--lux-gold)!important;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:.78rem;
}
.auth-v7-brand h1{
  margin:18px 0 16px;
  font-size:clamp(2.2rem,4.2vw,4.4rem);
  line-height:1.02;
  letter-spacing:-.03em;
  background:linear-gradient(135deg, #fff8df 0%, #f1d884 42%, #ffffff 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.auth-v7-brand p,
.auth-v7-back-content p,
.auth-v7-highlight,
.auth-v7-form-head p{
  color:rgba(234,234,234,.82)!important;
}
.auth-v7-highlights{
  display:grid;
  gap:14px;
  margin:28px 0 0;
}
.auth-v7-highlight{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(212,175,55,.10);
}
.auth-v7-highlight span{
  width:11px;height:11px;flex:0 0 11px;margin-top:.4rem;border-radius:999px;
  background:linear-gradient(135deg,#f0d77a,#d4af37);
  box-shadow:0 0 14px rgba(212,175,55,.35);
}
.auth-v7-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.auth-v7-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:12px 18px;
  border-radius:16px;
  border:1px solid rgba(212,175,55,.18)!important;
  background:rgba(255,255,255,.03)!important;
  color:var(--lux-text)!important;
}
.auth-v7-form-card{
  padding:18px;
  perspective:1600px;
}
.auth-v7-flip-card{
  min-height:100%;
}
.auth-v7-flip-inner{
  position:relative;
  min-height:100%;
  transform-style:preserve-3d;
  transition:transform .9s cubic-bezier(.2,.7,.2,1);
}
.auth-v7-flip-card:hover .auth-v7-flip-inner,
.auth-v7-flip-card:focus-within .auth-v7-flip-inner{
  transform:rotateY(180deg);
}
.auth-v7-flip-reverse:hover .auth-v7-flip-inner,
.auth-v7-flip-reverse:focus-within .auth-v7-flip-inner{
  transform:rotateY(-180deg);
}
.auth-v7-flip-face{
  min-height:100%;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  border-radius:24px;
  overflow:hidden;
}
.auth-v7-front{
  position:relative;
  z-index:2;
  padding:clamp(24px,3vw,34px);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)), rgba(9,9,9,.78);
  border:1px solid rgba(212,175,55,.12);
}
.auth-v7-back{
  position:absolute;
  inset:0;
  transform:rotateY(180deg);
  display:grid;
  place-items:center;
  text-align:center;
  padding:clamp(24px,3vw,34px);
  background:
    radial-gradient(circle at top left, rgba(255,225,140,.18), transparent 25%),
    linear-gradient(135deg, rgba(18,18,18,.98), rgba(32,24,10,.96), rgba(10,10,10,.98));
  border:1px solid rgba(212,175,55,.18);
}
.auth-v7-flip-reverse .auth-v7-back{transform:rotateY(-180deg)}
.auth-v7-back-content{
  max-width:360px;
}
.auth-v7-back-content h3,
.auth-v7-form-head h3{
  color:var(--lux-text)!important;
  margin:14px 0 10px;
  font-size:clamp(1.6rem,2.8vw,2.2rem);
}
.auth-v7-form-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}
.auth-v7-mini-link,
.auth-v7-inline-link,
.auth-v7-switcher a{
  color:var(--lux-gold)!important;
  font-weight:700;
}
.auth-v7-form .form-control{
  min-height:54px;
  border-radius:16px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(212,175,55,.12)!important;
  color:var(--lux-text)!important;
  padding-inline:16px;
}
.auth-v7-form .form-control::placeholder{color:rgba(234,234,234,.50)!important}
.auth-v7-label{
  display:block;
  margin-bottom:8px;
  color:var(--lux-text)!important;
  font-weight:700;
}
.auth-v7-meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:10px 0 18px;
  flex-wrap:wrap;
}
.auth-v7-check{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(234,234,234,.82)!important;
  font-size:.96rem;
}
.auth-v7-check input{
  accent-color:#d4af37;
  width:16px;
  height:16px;
}
.auth-v7-submit{
  min-height:54px;
  border-radius:16px!important;
}
.auth-v7-switcher{
  margin-top:18px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  text-align:center;
  color:rgba(234,234,234,.80)!important;
}
.auth-v7-social{margin-top:18px;text-align:center}
.auth-v7-grid-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 14px;
}
.auth-v7-grid-form .form-group,
.auth-v7-grid-form .auth-v7-full{grid-column:span 1}
.auth-v7-grid-form .auth-v7-full,
.auth-v7-grid-form .g-recaptcha{grid-column:1 / -1}
.auth-v7-terms-row{margin-top:2px}
.auth-v7-check-left{justify-content:flex-start}
body.lightmode .auth-v7-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,242,226,.86)),
    linear-gradient(135deg, rgba(212,175,55,.10), rgba(255,255,255,.08) 35%, rgba(212,175,55,.08) 100%),
    rgba(255,250,239,.70);
}
body.lightmode .auth-v7-front{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,242,226,.92));
}
body.lightmode .auth-v7-back{
  background:
    radial-gradient(circle at top left, rgba(212,175,55,.18), transparent 25%),
    linear-gradient(135deg, rgba(255,251,242,.98), rgba(245,232,198,.98), rgba(255,251,242,.98));
}
body.lightmode .auth-v7-brand h1{
  background:linear-gradient(135deg, #2d2206 0%, #9b7820 38%, #241a04 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.lightmode .auth-v7-brand p,
body.lightmode .auth-v7-back-content p,
body.lightmode .auth-v7-highlight,
body.lightmode .auth-v7-form-head p,
body.lightmode .auth-v7-check,
body.lightmode .auth-v7-switcher{color:rgba(28,22,12,.76)!important}
body.lightmode .auth-v7-form .form-control{background:rgba(255,255,255,.78)!important;color:#1c160c!important}
body.lightmode .auth-v7-form .form-control::placeholder{color:rgba(28,22,12,.42)!important}
@media (max-width: 1199px){
  .auth-v7-shell,
  .auth-v7-shell-reverse{grid-template-columns:1fr;gap:20px}
  .auth-v7-shell-reverse .auth-v7-brand{order:-1}
}
@media (max-width: 991px){
  .auth-v7-section{padding:108px 0 52px}
  .auth-v7-form-card{perspective:none}
  .auth-v7-flip-inner,
  .auth-v7-flip-card:hover .auth-v7-flip-inner,
  .auth-v7-flip-card:focus-within .auth-v7-flip-inner,
  .auth-v7-flip-reverse:hover .auth-v7-flip-inner,
  .auth-v7-flip-reverse:focus-within .auth-v7-flip-inner{transform:none}
  .auth-v7-back{display:none}
  .auth-v7-panel{border-radius:24px}
}
@media (max-width: 767px){
  .auth-v7-brand,
  .auth-v7-front{padding:20px}
  .auth-v7-form-head{flex-direction:column;align-items:flex-start}
  .auth-v7-grid-form{grid-template-columns:1fr}
  .auth-v7-actions{flex-direction:column}
  .auth-v7-ghost,.auth-v7-actions .btn,.auth-v7-submit{width:100%}
  .auth-v7-badge,.auth-v7-kicker{font-size:.72rem;letter-spacing:.08em}
}

/* ===== V8 Ultra luxury moving gradient + 3D auth box ===== */
:root{
  --v8-black:#040404;
  --v8-black-soft:#0c0c0d;
  --v8-gold:#d4af37;
  --v8-gold-soft:#f4d77c;
  --v8-gold-dark:#4b3507;
  --v8-white-soft:rgba(255,255,255,.78);
}
html,body{min-height:100%}
body{
  background:
    radial-gradient(circle at 12% 14%, rgba(255,229,145,.10), transparent 18%),
    radial-gradient(circle at 88% 18%, rgba(212,175,55,.12), transparent 22%),
    radial-gradient(circle at 54% 120%, rgba(255,255,255,.04), transparent 26%),
    linear-gradient(125deg, #050505 0%, #171103 18%, #060606 40%, #4a3306 62%, #0b0b0b 82%, #231904 100%)!important;
  background-size:220% 220%!important;
  animation:v8GlobalGradient 18s ease infinite!important;
}
body::before{
  content:"";
  position:fixed;
  inset:-20%;
  pointer-events:none;
  z-index:0;
  opacity:.40;
  background:
    conic-gradient(from 180deg at 50% 50%, rgba(212,175,55,.12), transparent 18%, rgba(255,232,164,.10) 30%, transparent 42%, rgba(212,175,55,.10) 56%, transparent 70%, rgba(255,232,164,.08) 82%, transparent 100%),
    radial-gradient(circle at center, rgba(255,255,255,.04), transparent 40%);
  filter:blur(32px);
  animation:v8MeshFloat 26s linear infinite;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(180deg, rgba(255,255,255,.55), transparent 84%);
}
body.lightmode{
  background:
    radial-gradient(circle at 10% 12%, rgba(255,217,110,.15), transparent 20%),
    radial-gradient(circle at 84% 14%, rgba(212,175,55,.12), transparent 20%),
    linear-gradient(125deg, #fffdf7 0%, #f6ecd7 28%, #fffaf0 54%, #ead59b 80%, #fffef9 100%)!important;
  background-size:220% 220%!important;
}
body.lightmode::before{opacity:.24}
@keyframes v8GlobalGradient{
  0%{background-position:0% 50%}
  25%{background-position:100% 20%}
  50%{background-position:100% 100%}
  75%{background-position:0% 80%}
  100%{background-position:0% 50%}
}
@keyframes v8MeshFloat{
  0%{transform:rotate(0deg) scale(1)}
  50%{transform:rotate(180deg) scale(1.08)}
  100%{transform:rotate(360deg) scale(1)}
}
#main_container,.footer__v2,#navbar,#notLogin,.content_area,.content,.container,.container-fluid{position:relative;z-index:1}

.auth-v8-page{padding-top:120px;padding-bottom:50px}
.auth-v8-stage{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center}
.auth-v8-wrap{position:relative;display:flex;justify-content:center;align-items:center;padding:18px 0 28px}
.auth-v8-orbit{position:absolute;border-radius:999px;pointer-events:none;filter:blur(16px);opacity:.55;animation:v8OrbitFloat 8s ease-in-out infinite}
.auth-v8-orbit-one{width:180px;height:180px;left:calc(50% - 260px);top:20px;background:rgba(212,175,55,.20)}
.auth-v8-orbit-two{width:130px;height:130px;right:calc(50% - 250px);bottom:18px;background:rgba(255,233,168,.14);animation-delay:-3s}
@keyframes v8OrbitFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(8px,12px,0) scale(1.08)}
}
.auth-v8-card-shell{width:min(100%, 430px);perspective:1600px}
.auth-v8-card{
  position:relative;
  width:100%;
  min-height:560px;
  transform-style:preserve-3d;
  transition:transform .9s cubic-bezier(.2,.7,.15,1), box-shadow .35s ease;
}
.auth-v8-card.is-flipped{transform:rotateY(180deg)}
.auth-v8-card.preview-flip{transform:rotateY(180deg)}
.auth-v8-face{
  position:absolute;
  inset:0;
  backface-visibility:hidden;
  border-radius:30px;
  padding:22px 22px 24px;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.26);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(145deg, rgba(14,14,14,.94) 0%, rgba(7,7,7,.96) 72%, rgba(24,18,6,.94) 100%);
  box-shadow:
    0 22px 60px rgba(0,0,0,.44),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 36px rgba(212,175,55,.10);
}
body.lightmode .auth-v8-face{
  background:
    linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,253,246,.94)),
    linear-gradient(145deg, rgba(255,255,255,.92) 0%, rgba(246,237,217,.96) 100%);
  border-color:rgba(166,121,16,.22);
  box-shadow:0 20px 48px rgba(86,64,20,.16), 0 0 0 1px rgba(255,255,255,.5) inset;
}
.auth-v8-face::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.10) 20%, transparent 42%),
    radial-gradient(circle at top right, rgba(212,175,55,.10), transparent 22%);
  animation:v8ShineMove 9s linear infinite;
}
@keyframes v8ShineMove{
  0%{transform:translateX(-40%)}
  100%{transform:translateX(42%)}
}
.auth-v8-back{transform:rotateY(180deg)}
.auth-v8-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.auth-v8-badge{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(212,175,55,.28);background:rgba(212,175,55,.10);color:var(--v8-gold-soft)!important;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
}
body.lightmode .auth-v8-badge{color:#6e5211!important;background:rgba(212,175,55,.10)}
.auth-v8-badge-soft{background:rgba(255,255,255,.04);color:#f7e6ad!important}
.auth-v8-flip-btn,.auth-v8-text-btn{
  border:0;background:transparent;color:var(--lux-text)!important;font-weight:700;padding:8px 0;cursor:pointer
}
.auth-v8-flip-btn{padding:10px 14px;border-radius:999px;border:1px solid rgba(212,175,55,.22);background:rgba(255,255,255,.04)}
.auth-v8-flip-btn:hover,.auth-v8-text-btn:hover{color:var(--v8-gold-soft)!important}
.auth-v8-head{position:relative;z-index:2;margin-bottom:16px}
.auth-v8-head h1,.auth-v8-back-inner h2{margin:0 0 8px;font-size:clamp(2rem, 3vw, 2.5rem);line-height:1.05;color:#fff!important;font-weight:800}
.auth-v8-head p,.auth-v8-back-inner p{margin:0;color:rgba(255,255,255,.72)!important;font-size:14px;line-height:1.6}
body.lightmode .auth-v8-head h1,body.lightmode .auth-v8-back-inner h2{color:#16120a!important}
body.lightmode .auth-v8-head p,body.lightmode .auth-v8-back-inner p{color:#5a513f!important}
.auth-v8-form{position:relative;z-index:2;display:flex;flex-direction:column;gap:0}
.auth-v8-grid-form{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
.auth-v8-full{grid-column:1/-1}
.auth-v8-label{display:block;margin-bottom:8px;color:rgba(255,255,255,.84)!important;font-weight:700;font-size:13px;letter-spacing:.02em}
body.lightmode .auth-v8-label{color:#443920!important}
.auth-v8-form .form-control{
  height:50px!important;border-radius:16px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(212,175,55,.14)!important;color:#fff!important;padding:0 15px!important
}
body.lightmode .auth-v8-form .form-control{background:rgba(255,255,255,.80)!important;color:#1e1a12!important;border-color:rgba(166,121,16,.14)!important}
.auth-v8-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 16px;font-size:13px}
.auth-v8-check{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.72)!important}
.auth-v8-check input{accent-color:#d4af37}
body.lightmode .auth-v8-check{color:#5a513f!important}
.auth-v8-inline-link{color:var(--v8-gold-soft)!important;font-weight:700}
.auth-v8-submit{margin-top:4px;min-height:52px;border-radius:18px!important}
.auth-v8-social{margin-top:14px}
.auth-v8-captcha{margin-bottom:8px;overflow:hidden}
.auth-v8-back-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center}
.auth-v8-points{list-style:none;margin:18px 0 20px;padding:0;display:grid;gap:10px}
.auth-v8-points li{
  display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.14);color:rgba(255,255,255,.84)
}
.auth-v8-points li::before{content:"✦";color:var(--v8-gold-soft);font-size:13px}
body.lightmode .auth-v8-points li{background:rgba(255,255,255,.60);color:#2f291e}
.auth-v8-back-actions{display:grid;gap:10px}
.auth-v8-card-shell-signup .auth-v8-card{min-height:620px}
.auth-v8-back-form{overflow:auto}
.auth-v8-terms-row{align-items:flex-start}
.auth-v8-card:hover{box-shadow:0 28px 70px rgba(0,0,0,.50), 0 0 48px rgba(212,175,55,.12)}

@media (min-width: 992px){
  .auth-v8-card-shell:hover .auth-v8-card:not(.is-flipped){transform:rotateY(10deg) rotateX(2deg)}
  .auth-v8-card-shell-signup:hover .auth-v8-card.is-flipped{transform:rotateY(170deg) rotateX(2deg)}
}
@media (max-width: 991px){
  .auth-v8-page{padding-top:94px}
  .auth-v8-stage{min-height:auto}
  .auth-v8-card-shell-authbox{width:min(100%, 370px)}
  .auth-v8-card{min-height:560px;height:560px}
  .auth-v8-face{position:absolute;min-height:100%;padding:22px 20px;border-radius:26px}
  .auth-v8-card.is-flipped{transform:rotateY(180deg)}
  .auth-v8-card.preview-flip{transform:rotateY(180deg)}
  .auth-v8-grid-form{grid-template-columns:1fr}
  .auth-v8-orbit-one{left:-20px;top:-20px}
  .auth-v8-orbit-two{right:-10px;bottom:-20px}
}
@media (max-width: 575px){
  .auth-v8-card-shell{width:100%}
  .auth-v8-card-shell-authbox{width:min(100%, 340px)}
  .auth-v8-card{height:540px;min-height:540px}
  .auth-v8-face{padding:18px 16px 18px;border-radius:24px}
  .auth-v8-topline{margin-bottom:16px}
  .auth-v8-head h1,.auth-v8-back-inner h2{font-size:1.8rem}
  .auth-v8-head p,.auth-v8-back-inner p{font-size:13px}
  .auth-v8-meta-row{flex-direction:column;align-items:flex-start}
}

.auth-v8-card-shell-authbox{max-width:430px}
.auth-v8-card-shell-authbox .auth-v8-card{min-height:560px}
.auth-v8-back-form{overflow-y:auto;-webkit-overflow-scrolling:touch}


/* ===== V9 auth/mobile reliability patch ===== */
.auth-v8-card-shell{perspective:1800px;-webkit-perspective:1800px}
.auth-v9-ready .auth-v8-card,
.auth-v8-card{
  will-change:transform,height;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
}
.auth-v8-face{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}
.auth-v8-front{z-index:2}
.auth-v8-card.is-flipped .auth-v8-front{pointer-events:none}
.auth-v8-card:not(.is-flipped) .auth-v8-back{pointer-events:none}
.auth-v8-flip-btn,.auth-v8-submit,.auth-v8-inline-link{touch-action:manipulation}
.auth-v8-card-shell-authbox{max-width:420px;margin-inline:auto}
.auth-v8-card-shell-authbox .auth-v8-card{height:auto;min-height:560px}
.auth-v8-back-form{overscroll-behavior:contain}

@media (max-width: 991px){
  .auth-v8-wrap{padding:10px 0 22px}
  .auth-v8-card-shell-authbox{width:min(100%, 380px)}
  .auth-v8-card-shell-authbox .auth-v8-card{min-height:0;height:auto}
  .auth-v8-face{min-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width: 575px){
  .auth-v8-page{padding-top:82px;padding-bottom:28px}
  .auth-v8-wrap{padding:4px 0 12px}
  .auth-v8-card-shell-authbox{width:min(100%, 350px)}
  .auth-v8-card-shell-authbox .auth-v8-card{min-height:0;height:auto}
  .auth-v8-face{padding:18px 15px 18px;border-radius:22px}
  .auth-v8-form .form-control{height:48px!important}
  .auth-v8-submit{min-height:50px}
}
@media (hover:none){
  .auth-v8-card-shell:hover .auth-v8-card,
  .auth-v8-card:hover{box-shadow:0 22px 60px rgba(0,0,0,.44),0 0 36px rgba(212,175,55,.10)!important;transform:none}
}


/* ===== V9.1 auth flip visibility hotfix ===== */
.auth-v8-card{overflow:visible;}
.auth-v8-front,.auth-v8-back{display:flex;flex-direction:column;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:opacity .25s ease, visibility .25s ease;}
.auth-v8-front{transform:rotateY(0deg) translateZ(1px);-webkit-transform:rotateY(0deg) translateZ(1px);}
.auth-v8-back{transform:rotateY(180deg) translateZ(1px);-webkit-transform:rotateY(180deg) translateZ(1px);}
.auth-v8-card:not(.is-flipped) .auth-v8-front{opacity:1;visibility:visible;}
.auth-v8-card:not(.is-flipped) .auth-v8-back{opacity:0;visibility:hidden;}
.auth-v8-card.is-flipped .auth-v8-front{opacity:0;visibility:hidden;}
.auth-v8-card.is-flipped .auth-v8-back{opacity:1;visibility:visible;}
.auth-v8-back-form{overflow-y:auto;overflow-x:hidden;}
@media (max-width: 575px){
  .auth-v8-card-shell-authbox{width:min(100%, 360px);}
  .auth-v8-face{overflow-y:auto;overflow-x:hidden;}
}


/* ===== V10 mobile auth + sidebar fix ===== */
@media only screen and (max-width: 550px) {
  body.sidebar-open #main_container .content_area {
    filter: blur(5px);
    pointer-events: none;
  }

  #main_container.toogle_sidebar .content_area {
    filter: none;
    pointer-events: auto;
  }
}

@media (max-width: 575px){
  .auth-v8-card-shell{
    perspective:none;
    -webkit-perspective:none;
  }

  .auth-v8-card,
  .auth-v8-card.is-flipped,
  .auth-v8-card.preview-flip{
    transform:none !important;
    -webkit-transform:none !important;
    height:auto !important;
    min-height:0 !important;
  }

  .auth-v8-face,
  .auth-v8-front,
  .auth-v8-back{
    position:relative;
    inset:auto;
    min-height:0;
    height:auto;
    transform:none !important;
    -webkit-transform:none !important;
    backface-visibility:visible;
    -webkit-backface-visibility:visible;
  }

  .auth-v8-card:not(.is-flipped) .auth-v8-front{
    display:flex;
    opacity:1;
    visibility:visible;
  }

  .auth-v8-card:not(.is-flipped) .auth-v8-back{
    display:none;
    opacity:0;
    visibility:hidden;
  }

  .auth-v8-card.is-flipped .auth-v8-front{
    display:none;
    opacity:0;
    visibility:hidden;
  }

  .auth-v8-card.is-flipped .auth-v8-back{
    display:flex;
    opacity:1;
    visibility:visible;
  }
}