.glass-login-page{background:linear-gradient(-45deg,#102a43,#2c5d8a,#102a43,#2c5d8a) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;animation:15s infinite animated-gradient;display:flex;position:relative;overflow:hidden}@keyframes animated-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-form{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:15px;flex-direction:column;align-items:center;width:90%;max-width:400px;padding:40px;display:flex;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.37)}.floating-bubbles{z-index:1;pointer-events:none;width:100%;height:100%;list-style:none;position:absolute;top:0;left:0}.floating-bubbles li{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(255,255,255,.15);border-radius:50%;width:25px;height:25px;animation:25s infinite float-up;display:block;position:absolute;bottom:-150px}.floating-bubbles li:first-child{width:80px;height:80px;animation-duration:20s;animation-delay:2s;left:25%}.floating-bubbles li:nth-child(2){width:20px;height:20px;animation-duration:12s;animation-delay:1s;left:10%}.floating-bubbles li:nth-child(3){width:20px;height:20px;animation-duration:15s;left:70%}.floating-bubbles li:nth-child(4){width:60px;height:60px;animation-duration:20s;animation-delay:0s;left:40%}.floating-bubbles li:nth-child(5){width:40px;height:40px;animation-duration:10s;animation-delay:3s;left:65%}.floating-bubbles li:nth-child(6){width:30px;height:30px;animation-duration:18s;animation-delay:2s;left:80%}.floating-bubbles li:nth-child(7){width:50px;height:50px;animation-duration:14s;animation-delay:1s;left:30%}.floating-bubbles li:nth-child(8){width:20px;height:20px;animation-duration:11s;animation-delay:4s;left:90%}.floating-bubbles li:nth-child(9){width:50px;height:50px;animation-duration:16s;left:50%}.floating-bubbles li:nth-child(10){width:70px;height:70px;animation-duration:19s;animation-delay:3s;left:20%}@keyframes float-up{0%{opacity:1;border-radius:0;transform:translateY(0)rotate(0)}to{opacity:0;border-radius:50%;transform:translateY(-1000px)rotate(720deg)}}.glass-form h2{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);margin-bottom:25px}.input-group{width:100%;margin-bottom:30px;position:relative}.input-group input{color:#fff;background:0 0;border:none;border-bottom:2px solid rgba(255,255,255,.5);outline:none;width:100%;padding:10px 0;font-size:16px;transition:all .3s}.input-group input:focus,.input-group input:valid{border-bottom:2px solid #fff}.input-group label{color:rgba(255,255,255,.7);pointer-events:none;font-size:16px;transition:all .3s;position:absolute;top:10px;left:0}.input-group input:focus~label,.input-group input:valid~label{color:#fff;font-size:14px;top:-20px}.forgot-link{color:rgba(255,255,255,.7);font-size:14px;text-decoration:none;position:absolute;top:10px;right:0}button[type=submit]{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.5);border-radius:5px;width:100%;margin-top:15px;padding:12px;font-size:18px;transition:all .3s}button[type=submit]:hover{background:rgba(255,255,255,.5)}