/* Login page minimal dark theme */
:root {
  --login-bg: #0d1117;
  --login-card-bg: #161b22;
  --login-border: #30363d;
  --login-text: #e6edf3;
  --login-muted: #8b949e;
  --login-accent: #58a6ff;
  --login-radius: 12px;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  background-color: var(--login-bg) !important;
  color: var(--login-text) !important;
}

h1 {
  color: var(--login-text) !important;
  font-size: 36.7px!important;
}

.form-label {
  color: var(--login-text);
}

.form-control {
  background-color: var(--login-card-bg) !important;
  border: 1px solid var(--login-border) !important;
  border-radius: 8px !important;
  color: var(--login-text) !important;
}

.form-control:focus {
  background-color: var(--login-card-bg) !important;
  border-color: var(--login-accent) !important;
  box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.15) !important;
  color: var(--login-text) !important;
}

.form-control::placeholder {
  color: var(--login-muted) !important;
}

.btn-primary {
  background: linear-gradient(135deg, #429603, #068c19) !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 214, 30, 0.25) !important;
}

.btn-primary:hover {
  filter: brightness(1.1);
}

.alert-danger {
  background-color: rgba(255, 39, 24, 0.15);
  border: none;
  border-left: 4px solid #f85149;
  border-radius: var(--login-radius);
  color: #f85149;
}

/*.logo {
  width: 145px;
  overflow: hidden;
  position: relative;
  place-self: center;
  text-align:center;
  height: 222px!important;
  box-shadow: 1px 1px 53px 21px #ffffff21;
  background: radial-gradient(circle 367px at 50% 50%, #a1a1a142, #090909);
} */











.logo::before{
  content:"";
  position:absolute;
  inset:-35px;                 /* bigger than logo */
  border-radius:50%;
  background: radial-gradient(circle,
    rgba(0,255,170,.35) 0%,
    rgba(0,180,255,.18) 35%,
    rgba(0,0,0,0) 70%);
  filter: blur(18px);
  opacity:.9;
  z-index:0;
  pointer-events:none;
}

.logo img{ position:relative; z-index:1; }

.logo::before{ mix-blend-mode: screen; }



.logo{
  width:0px;
  height:222px !important;
  position:relative;
  overflow: visible;          /* important: allow glow to show */
  place-self:center;
  text-align:center;
  box-shadow: 0px 0px 211px 211px #ffffff12;
}

.logo img{
  width:420px;
  height: 220px;
  display:block;
    clip-path: inset(0 66.4% 0 0);
    padding-right: 12%;
    margin-left: -70px;
}

.logo img{
    filter: drop-shadow(0 0 1px rgba(0, 255, 247, 0.35))
    drop-shadow(0 0 2px rgba(0, 174, 255, 0.35))
    drop-shadow(0 0 3px rgba(0, 85, 255, 0.25))
    drop-shadow(1px 15px rgba(0, 255, 229, 0.5))
    drop-shadow(0px 0px 2px rgba(55, 192, 255, 0.2));
}




@keyframes glowPulse { 
    0%,100%
    { filter: drop-shadow(0 0 3px rgba(255,255,255,.25)) drop-shadow(0 0 7px rgba(0, 255, 85, 0.25)) drop-shadow(0 0 12px rgba(0, 255, 183, 0.15)); }
  50%
  { filter: drop-shadow(0 0 5px rgba(255,255,255,.45)) drop-shadow(0 0 10px rgba(0, 255, 8, 0.45)) drop-shadow(0 0 14px rgba(0, 255, 251, 0.25)); } }
.btn-primary{ animation: glowPulse 6.2s ease-in-out infinite; }


/* @keyframes glowPulse { 0%,100%{ filter: drop-shadow(0 0 1px rgba(255,255,255,.25)) drop-shadow(0 0 3px rgba(0, 255, 85, 0.25)) drop-shadow(0 0 5px rgba(0, 255, 183, 0.15)); }
  50%{ filter: drop-shadow(0 0 2px rgba(255,255,255,.45)) drop-shadow(0 0 4px rgba(0, 255, 8, 0.45)) drop-shadow(0 0 7px rgba(0, 255, 251, 0.25)); } }
.logo { animation: glowPulse 6.2s ease-in-out infinite; } */











a {
  color: var(--login-accent);
}

footer, .footer {
  color: var(--login-muted) !important;
}

.col-md-login { flex: 0 0 auto!important; min-width: 345px; width: 25%!important; }

footer a {
  color: var(--login-muted) !important;
}