*{box-sizing:border-box;margin:0;padding:0}body{background:url(/images/login-bg.jpg) 50%/cover no-repeat}.bg-overlay{background:linear-gradient(135deg,#00143cd9,#00468cb3,#00b4ff73);position:fixed;inset:0}.login-wrapper{z-index:5;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.login-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:28px;width:470px;padding:50px;box-shadow:0 15px 50px #00000059}.logo-area{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.logo{width:180px;max-width:90%}.logo-area h2{color:#fff;font-size:30px;font-weight:700}.logo-area p{color:#d9f4ff;margin-top:5px}.input-group{margin-bottom:20px}.input-group label{color:#fff;margin-bottom:8px;display:block}.input-group input{color:#fff;background:#ffffff26;border:none;border-radius:12px;outline:none;width:100%;height:50px;padding:15px;transition:all .3s}.input-group input:focus{background:#ffffff38;border:1px solid #3bd5ff}.remember{color:#fff;margin-bottom:25px}.btn-login{color:#fff;background:linear-gradient(90deg,#1d4ed8,#38bdf8);border:none;border-radius:14px;width:100%;padding:16px;font-size:18px;font-weight:600;transition:all .3s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00b4ff73}.footer{text-align:center;color:#d6d6d6;margin-top:30px;font-size:14px}.form-control{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:14px;height:58px}