/*---------------------------------------
 *                                      *
 *       Add Your Custom CSS Here       *
 *                                      *
 ---------------------------------------*/

/* ============================================================
   STEFANI AI — MODERN RESKIN (Login / Auth)  [START]
   ============================================================ */
:root{
  --st-bg:#07070f; --st-card:#0f0f1e; --st-border:rgba(255,255,255,.08);
  --st-text:#f1f5f9; --st-muted:#94a3b8; --st-muted2:#64748b;
  --st-purple:#7c3aed; --st-purple2:#a855f7; --st-purple-soft:rgba(124,58,237,.16);
  --st-grad:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);
}
html,body{
  background:
    radial-gradient(900px 480px at 80% -10%,rgba(124,58,237,.20),transparent 60%),
    radial-gradient(800px 420px at 8% 110%,rgba(6,182,212,.11),transparent 55%),
    var(--st-bg) !important;
  background-attachment:fixed !important;
  color:var(--st-text) !important;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  min-height:100vh;
}

/* Cards / Panels / Auth-Box */
.panel,.card,.box,.auth-box,.login-box,.well,.form-wrapper,
.container .row > div > div{
  background:var(--st-card) !important;border:1px solid var(--st-border) !important;
  border-radius:18px !important;box-shadow:0 18px 50px rgba(0,0,0,.5) !important;
  color:var(--st-text) !important;
}
h1,h2,h3,h4,h5,label,p,.form-group label{color:var(--st-text) !important;}
small,.text-muted,.help-block{color:var(--st-muted) !important;}
a{color:var(--st-purple2) !important;}
a:hover{color:#c4a5ff !important;}

/* Inputs */
.form-control,input[type=text],input[type=email],input[type=password],input,select,textarea{
  background:#121220 !important;border:1px solid var(--st-border) !important;
  color:var(--st-text) !important;border-radius:10px !important;height:auto;padding:11px 14px;
}
.form-control:focus,input:focus,select:focus,textarea:focus{
  border-color:var(--st-purple2) !important;box-shadow:0 0 0 3px rgba(124,58,237,.25) !important;outline:none;
}
::placeholder{color:var(--st-muted2) !important;}

/* Buttons */
.btn,.btn-primary,.button,button[type=submit],input[type=submit]{
  background:var(--st-grad) !important;border:none !important;color:#fff !important;
  border-radius:999px !important;font-weight:600 !important;padding:11px 22px !important;
  box-shadow:0 8px 22px rgba(124,58,237,.45) !important;transition:all .15s ease;
}
.btn:hover,.btn-primary:hover,.button:hover,button[type=submit]:hover{
  filter:brightness(1.08);transform:translateY(-1px);
}
.btn-default,.btn-light,.btn-outline{
  background:transparent !important;border:1px solid rgba(124,58,237,.5) !important;
  color:var(--st-purple2) !important;border-radius:999px !important;
}
.checkbox,.radio{color:var(--st-muted) !important;}
.alert{border-radius:12px !important;border:1px solid var(--st-border) !important;background:#151527 !important;color:var(--st-text) !important;}
.alert-danger{border-color:rgba(239,68,68,.5) !important;}
.alert-success{border-color:rgba(16,185,129,.5) !important;}
/* ============================================================
   STEFANI AI — MODERN RESKIN (Login / Auth)  [END]
   ============================================================ */

/* EDEN X Badge entfernen */
html body .powered-by, body .powered-by{display:none !important;}