.container::after,.container::before{left:0;right:0;bottom:0;pointer-events:none}#btnLogin::before,.container::after,.container::before{content:'';position:absolute;top:0}body{margin:0;padding:0;height:100%;background-image:url('/img/login-bg.jpg');background-size:cover;background-position:center;background-attachment:fixed;font-family:Arial,sans-serif;color:#fff}#bg-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-9999}#btnLogin,.content,.dropdown-item{position:relative}.login-card{background-color:rgba(255,255,255,.85);z-index:1}.content{z-index:1;height:100%;display:flex;justify-content:center;align-items:center}.card{background-color:rgba(0,0,0,.8);border:none;box-shadow:0 4px 6px rgba(0,0,0,.1);animation:1s ease-out fadeInUp}.container::before{background:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 200px 60px,#fff,transparent),radial-gradient(1px 1px at 240px 90px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 280px 20px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 320px 70px,#fff,transparent),radial-gradient(1px 1px at 360px 40px,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:400px 200px;animation:4s ease-in-out infinite starTwinkle,20s linear infinite starMove}.container::after{background:radial-gradient(1px 1px at 25px 50px,rgba(0,255,255,.8),transparent),radial-gradient(1px 1px at 75px 25px,rgba(0,255,255,.6),transparent),radial-gradient(2px 2px at 125px 75px,rgba(0,255,255,.9),transparent),radial-gradient(1px 1px at 175px 100px,rgba(0,255,255,.7),transparent),radial-gradient(1px 1px at 225px 45px,rgba(0,255,255,.5),transparent),radial-gradient(2px 2px at 275px 85px,rgba(0,255,255,.8),transparent),radial-gradient(1px 1px at 325px 15px,rgba(0,255,255,.6),transparent),radial-gradient(1px 1px at 375px 65px,rgba(0,255,255,.9),transparent);background-repeat:repeat;background-size:450px 250px;animation:3s ease-in-out infinite reverse starTwinkle,25s linear infinite reverse starMove}@keyframes starTwinkle{0%,100%{opacity:.3}50%{opacity:.8}}@keyframes starMove{0%{transform:translateX(0) translateY(0)}100%{transform:translateX(-400px) translateY(-200px)}}#btnLogin{border-radius:8px;transition:.3s;overflow:hidden;color:#fff}#btnLogin:hover{background:#0d6efd;color:#fff;transform:translateY(-2px)}#btnLogin::before{left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}#btnLogin:hover::before{left:100%}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}input.form-control:focus{border-color:#66b2ff;box-shadow:0 0 8px rgba(102,178,255,.6);transition:.3s}.dropdown-item{transition:.2s}.dropdown-item:hover{background-color:rgba(13,110,253,.2);padding-left:1.5rem}.login-demo-account{background-color:rgba(13,110,253,.3);border-color:rgba(13,110,253,.5)}.input-group-text{background-color:rgba(255,255,255,.1);border-radius:.375rem}