/* SOFTGORILLAS DFMS Premium Login CSS */
:root{
 --primary:#0f8f4f;
 --accent:#42d392;
 --glass:rgba(255,255,255,.16);
 --border:rgba(255,255,255,.28);
 --text:#fff;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Poppins,"Segoe UI",sans-serif;overflow:hidden}
body{background:#0b2a1b;color:var(--text)}
.background-slider,.slide,.page-overlay{position:fixed;inset:0}
.slide{
 background-size:cover;background-position:center;
 opacity:0;transition:opacity 1.5s ease;
 animation:kenburns 18s ease-in-out infinite alternate;
}
.slide.active{opacity:1}
.page-overlay{
 background:linear-gradient(rgba(8,20,14,.45),rgba(8,20,14,.55));
 backdrop-filter:blur(2px);
}
.login-wrapper{
 position:relative;z-index:2;height:100%;
 display:flex;align-items:center;justify-content:center;
 padding:30px;
}
.glass-card{
 position:relative;
 width:430px;max-width:100%;
 padding:40px 34px;
 border-radius:28px;
 background:var(--glass);
 border:1px solid var(--border);
 backdrop-filter:blur(20px);
 -webkit-backdrop-filter:blur(20px);
 box-shadow:0 20px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.25);
 overflow:hidden;
}
.glass-reflection{
 position:absolute;inset:0;pointer-events:none;
 background:
 linear-gradient(135deg,rgba(255,255,255,.22),transparent 35%),
 radial-gradient(circle at 100% 0,rgba(255,255,255,.18),transparent 45%);
}
.logo-area{text-align:center;position:relative;z-index:2}
.logo{width:90px;height:auto;margin-bottom:18px}
.logo-area h1{
 margin:0;color:#fff;font-size:34px;font-weight:800;letter-spacing:2px;
 text-shadow:0 2px 8px rgba(0,0,0,.25)
}
.logo-area p{
 margin:8px 0 28px;color:rgba(255,255,255,.9);
 font-size:16px;letter-spacing:1px
}
.custom-alerts{position:relative;z-index:2;border-radius:14px}
.input-group-modern{position:relative;margin-bottom:18px;z-index:2}
.input-icon{
 position:absolute;left:18px;top:50%;transform:translateY(-50%);
 color:#dfffea;font-size:18px
}
.input-group-modern input{
 width:100%;padding:16px 18px 16px 52px;
 border-radius:16px;
 border:1px solid rgba(255,255,255,.22);
 background:rgba(255,255,255,.12);
 color:#fff;font-size:16px;
 outline:none;transition:.3s;
}
.input-group-modern input::placeholder{color:rgba(255,255,255,.75)}
.input-group-modern input:focus{
 border-color:var(--accent);
 box-shadow:0 0 0 4px rgba(66,211,146,.15),0 0 18px rgba(66,211,146,.25);
 background:rgba(255,255,255,.18);
}
.login-btn{
 width:100%;padding:16px;border:none;border-radius:16px;
 background:linear-gradient(135deg,var(--accent),var(--primary));
 color:#fff;font-size:17px;font-weight:700;letter-spacing:1px;
 cursor:pointer;transition:.3s;
}
.login-btn:hover{
 transform:translateY(-2px);
 box-shadow:0 14px 30px rgba(15,143,79,.35);
}
.footer-text{
 margin-top:28px;text-align:center;
 color:rgba(255,255,255,.8);font-size:13px;line-height:1.7;
 position:relative;z-index:2
}
@keyframes kenburns{
 from{transform:scale(1)}
 to{transform:scale(1.12)}
}
@media(max-width:600px){
 .glass-card{padding:28px 22px;border-radius:22px}
 .logo-area h1{font-size:28px}
 .logo-area p{font-size:14px}
}