/* ══════════════════════════════════════════════════════════════
   KUPR Welcome Pages — Premium Dark Crypto Theme Override
   Overrides WoWonder welcome.css with higher specificity
   ══════════════════════════════════════════════════════════════ */

:root {
  --kupr-bg: #0D1117;
  --kupr-bg2: #161B22;
  --kupr-bg3: #1C2128;
  --kupr-gold: #FFD700;
  --kupr-gold-dim: #B8860B;
  --kupr-gold-glow: rgba(255,215,0,0.15);
  --kupr-text: #E6EDF3;
  --kupr-text2: #8B949E;
  --kupr-border: rgba(255,215,0,0.10);
  --kupr-input-bg: rgba(13,17,23,0.7);
  --kupr-glass: rgba(22,27,34,0.80);
  --kupr-green: #00D68F;
  --kupr-red: #FF4757;
}

/* ── Particle Canvas ── */
#kupr-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}

/* ── Body / Wrapper ── */
body{background:var(--kupr-bg)!important;color:var(--kupr-text)}
.wrapper{min-height:100vh;background:var(--kupr-bg)!important;position:relative;z-index:1}
.wrapper .login{background:transparent!important;color:var(--kupr-text);box-shadow:none!important;min-height:100vh}

/* ── Header ── */
#welcomeheader{background:rgba(13,17,23,0.92)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--kupr-border)!important;box-shadow:none!important;position:fixed;top:0;left:0;width:100%;z-index:100}
#welcomeheader .container{display:flex;align-items:center;justify-content:space-between;padding:12px 24px}
#welcomeheader .logo img{height:36px;filter:drop-shadow(0 0 8px rgba(255,215,0,0.2))}
#welcomeheader .mdbtn,
#welcomeheader ul.nav a.mdbtn{background:transparent!important;color:var(--kupr-gold)!important;border:1.5px solid var(--kupr-gold)!important;padding:8px 28px!important;border-radius:10px!important;font-weight:600!important;font-size:14px!important;transition:all .3s ease!important;text-decoration:none!important}
#welcomeheader .mdbtn:hover,
#welcomeheader ul.nav a.mdbtn:hover{background:var(--kupr-gold)!important;color:var(--kupr-bg)!important;box-shadow:0 4px 20px rgba(255,215,0,0.3)!important}

/* ── Left Panel ── */
.login .login_left_combo_parent{background:linear-gradient(160deg,#0a0e14 0%,#111820 40%,#161B22 100%)!important;border-right:1px solid var(--kupr-border)!important;position:relative;overflow:hidden}
.login .login_left_combo_parent>svg{display:none!important}
.login .login_left_combo{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:60px 48px 40px!important;height:100%;color:var(--kupr-text)}
.login .login_left_combo .logo{margin-bottom:32px}
.login .login_left_combo .logo img{height:44px;filter:drop-shadow(0 0 12px rgba(255,215,0,0.25))}

.login .login_left_combo h1{font-size:2.4rem!important;font-weight:800!important;line-height:1.15!important;margin-bottom:12px!important;background:linear-gradient(135deg,#FFD700 0%,#FFA500 50%,#FFD700 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
.login .login_left_combo>p{color:var(--kupr-text2)!important;font-size:1rem!important;line-height:1.6!important;margin-bottom:28px!important;max-width:420px}
.login .login_left_combo .img{display:none!important}

/* ── Feature Cards ── */
.kupr-features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.kupr-feat{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(255,215,0,0.03);border:1px solid rgba(255,215,0,0.06);border-radius:12px;transition:all .3s ease;animation:kuprFadeUp .6s ease both}
.kupr-feat:nth-child(1){animation-delay:.1s}
.kupr-feat:nth-child(2){animation-delay:.2s}
.kupr-feat:nth-child(3){animation-delay:.3s}
.kupr-feat:nth-child(4){animation-delay:.4s}
.kupr-feat:nth-child(5){animation-delay:.5s}
.kupr-feat:hover{background:rgba(255,215,0,0.06);border-color:rgba(255,215,0,0.15);transform:translateX(4px)}
.kupr-feat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:rgba(255,215,0,0.08);border:1px solid rgba(255,215,0,0.12)}
.kupr-feat-title{font-size:.95rem;font-weight:700;color:var(--kupr-text);margin-bottom:2px}
.kupr-feat-desc{font-size:.82rem;color:var(--kupr-text2);line-height:1.35}

/* ── Security Notice ── */
.kupr-sec{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(255,215,0,0.04);border:1px solid rgba(255,215,0,0.08);border-radius:10px;margin-top:auto}
.kupr-sec svg{width:18px;height:18px;flex-shrink:0;fill:var(--kupr-gold);opacity:.7}
.kupr-sec span{font-size:.8rem;color:var(--kupr-text2);line-height:1.4}

/* ── Right Panel (Form) ── */
.login .col-md-6{display:flex;align-items:center;justify-content:center;padding:40px!important;background:transparent!important}
.login .login_innre{background:var(--kupr-glass)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--kupr-border)!important;border-radius:24px!important;padding:44px 40px!important;width:100%;max-width:460px}

.login .login_innre .title{color:var(--kupr-text)!important;font-size:1.8rem!important;font-weight:700!important;margin-bottom:4px!important}
.login .login_innre .desc{color:var(--kupr-text2)!important;font-size:.92rem!important;margin-bottom:24px!important}

/* ── Form Fields ── */
.login .wow_form_fields{margin-bottom:16px!important}
.login .wow_form_fields label{color:var(--kupr-text2)!important;font-size:.85rem!important;font-weight:500!important;margin-bottom:6px!important;display:block}
.login .wow_form_fields input,
.login .wow_form_fields select{background:var(--kupr-input-bg)!important;border:1.5px solid rgba(255,255,255,0.08)!important;color:var(--kupr-text)!important;border-radius:12px!important;padding:12px 16px!important;font-size:.95rem!important;width:100%!important;box-sizing:border-box!important;transition:all .25s ease!important;-webkit-appearance:none!important}
.login .wow_form_fields input::placeholder{color:#484F58!important}
.login .wow_form_fields input:focus,
.login .wow_form_fields select:focus{border-color:var(--kupr-gold)!important;box-shadow:0 0 0 3px rgba(255,215,0,0.1)!important;outline:none!important}
.login .wow_form_fields select option{background:var(--kupr-bg2);color:var(--kupr-text)}

/* Chrome autofill dark override */
.login input:-webkit-autofill,
.login input:-webkit-autofill:hover,
.login input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #161B22 inset!important;-webkit-text-fill-color:var(--kupr-text)!important;border:1.5px solid rgba(255,255,255,0.08)!important;caret-color:var(--kupr-text)!important}

/* ── Password complexity ── */
.login .helper-text{margin-top:8px}
.login .helper-text li{color:var(--kupr-text2)!important;font-size:.8rem!important}
.login .helper-text li.valid{color:var(--kupr-green)!important}

/* ── Submit Button ── */
.login .btn-main,
.login .btn.btn-main{background:linear-gradient(135deg,#FFD700 0%,#F5A623 100%)!important;color:var(--kupr-bg)!important;border:none!important;border-radius:12px!important;padding:13px 24px!important;font-size:1rem!important;font-weight:700!important;letter-spacing:.3px!important;cursor:pointer!important;transition:all .3s ease!important;width:100%!important;box-shadow:0 2px 12px rgba(255,215,0,0.2)!important}
.login .btn-main:hover{box-shadow:0 6px 24px rgba(255,215,0,0.35)!important;transform:translateY(-1px)!important}
.login .btn-main:active{transform:translateY(0)!important}
.login .btn-loading::after{border-color:var(--kupr-bg) transparent var(--kupr-bg) transparent!important}

/* ── Forgot Password / Terms ── */
.login .forgot_password{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:18px!important}
.login .forgot_password a{color:var(--kupr-gold)!important;font-size:.85rem!important;text-decoration:none!important}
.login .forgot_password a:hover{text-decoration:underline!important}
.login .terms label{color:var(--kupr-text2)!important;font-size:.85rem!important}
.login .terms input[type=checkbox]{accent-color:var(--kupr-gold)}

/* ── Social Buttons ── */
.login .social_btns{margin-top:20px!important;text-align:center}
.login .social_btns p{color:var(--kupr-text2)!important;font-size:.85rem!important;margin-bottom:12px!important}
.login .social_btns .btn{background:rgba(255,255,255,0.05)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:12px!important;margin:0 4px!important;transition:all .25s ease!important}
.login .social_btns .btn:hover{background:rgba(255,255,255,0.1)!important;border-color:rgba(255,255,255,0.15)!important}
#buttonDiv{margin-top:12px;display:flex;justify-content:center}

/* ── Links ── */
.login .signup__ p{color:var(--kupr-text2)!important;margin-top:20px!important;text-align:center!important;font-size:.9rem!important}
.login .signup__ a,
.login a.main,
.login a.dec.main{color:var(--kupr-gold)!important;font-weight:600!important;text-decoration:none!important}
.login a.main:hover,
.login a.dec.main:hover{text-decoration:underline!important}

/* ── Error / Success Alerts ── */
.login .alert-danger{background:rgba(248,81,73,0.08)!important;border:1px solid rgba(248,81,73,0.2)!important;color:var(--kupr-red)!important;border-radius:10px!important;padding:10px 16px!important;font-size:.88rem!important;display:none}
.login .alert-success{background:rgba(0,214,143,0.08)!important;border:1px solid rgba(0,214,143,0.2)!important;color:var(--kupr-green)!important;display:block!important}

/* ── Footer ── */
.login .footer{color:var(--kupr-text2)!important;padding:16px 0!important;font-size:.8rem!important}
.login .footer a{color:var(--kupr-text2)!important}
.login .footer a:hover{color:var(--kupr-gold)!important}

/* ── Random Users ── */
.login .random_users{margin-top:16px}
.login .random_users .avatar img{border:2px solid rgba(255,215,0,0.15)!important;border-radius:50%}

/* ── Animations ── */
@keyframes kuprFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* ── Live Stats Bar ── */
.kupr-stats{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.kupr-stat{text-align:center}
.kupr-stat-val{font-size:1.3rem;font-weight:800;color:var(--kupr-gold)}
.kupr-stat-lbl{font-size:.72rem;color:var(--kupr-text2);text-transform:uppercase;letter-spacing:.5px}

/* ── Responsive ── */
@media(max-width:930px){
  .login .login_left_combo_parent{display:none!important}
  .login .col-md-6{padding:80px 20px 40px!important;width:100%!important;max-width:100%!important}
  .login .login_innre{max-width:480px;margin:0 auto}
  .kupr-mobile-brand{display:flex!important;flex-direction:column;align-items:center;margin-bottom:24px;text-align:center}
  .kupr-mobile-brand img{height:36px;margin-bottom:12px}
  .kupr-mobile-brand h2{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#FFD700,#FFA500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}
  .kupr-mobile-brand p{color:var(--kupr-text2);font-size:.85rem;margin-top:4px}
}
@media(min-width:931px){
  .kupr-mobile-brand{display:none!important}
}
@media(max-width:640px){
  .login .login_innre{padding:28px 22px!important;border-radius:18px!important}
  .login .login_innre .title{font-size:1.5rem!important}
  #welcomeheader .container{padding:10px 16px}
}

/* ── Misc WoWonder overrides ── */
.lb-preloader{display:none}
.chat-all-container{display:none}
.login .login_signup_combo{margin-top:8px}
.login .login__{margin-bottom:0}