body.login-page{background:linear-gradient(135deg,#0a7a8f,#0ab39c);min-height:100vh;overflow:hidden}.circles{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#ffffff1a;animation:animate 25s linear infinite;bottom:-150px;border-radius:50%}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:50%}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 25px 45px #0003;border:1px solid rgba(255,255,255,.5);width:100%;max-width:420px;padding:40px;position:relative;z-index:1}.login-card .form-control{border-radius:10px;padding:12px 15px;border:1px solid #e0e0e0;font-size:14px;transition:all .3s}.login-card .form-control:focus{border-color:#0ab39c;box-shadow:0 0 0 3px #0ab39c26}.login-card .form-label{font-weight:500;color:#495057;font-size:13px}.login-logo{font-size:28px;font-weight:700;color:#0a7a8f;text-align:center;margin-bottom:5px}.login-logo span{color:#0ab39c}.login-subtitle{text-align:center;color:#6c757d;font-size:13px;margin-bottom:30px}.btn-login{background:linear-gradient(135deg,#0a7a8f,#0ab39c);border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:600;letter-spacing:.5px;transition:all .3s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0ab39c66}.footer-login{text-align:center;color:#ffffffb3;font-size:12px;position:fixed;bottom:20px;width:100%;z-index:1}