body{background-color:rgb(22,24,29);min-height:100vh;display:flex;align-items:center}.login-container{background-color:rgba(0,33,102,.8);border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.3);padding:30px;width:100%;max-width:450px;margin:auto;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.login-header{text-align:center;margin-bottom:30px}.login-header i{font-size:3rem;color:#4cc9f0;margin-bottom:15px}.login-header h2{color:white;font-weight:600}.form-label{color:#adb5bd;font-weight:500}.form-control{background-color:rgba(0,9,36,.7);border:1px solid #2a4365;color:white;padding:12px 15px}.form-control:focus{background-color:rgba(0,9,36,.9);border-color:#4cc9f0;color:white;box-shadow:0 0 0 .25rem rgba(76,201,240,.25)}.btn-login{background-color:#4cc9f0;border:none;color:#001845;font-weight:600;padding:12px;width:100%;transition:all .3s}.btn-login:hover{background-color:#38b9dc;transform:translateY(-2px)}.extra-links{margin-top:20px;text-align:center}.extra-links a{color:#90e0ef;text-decoration:none;font-size:.9rem;transition:color .2s}.extra-links a:hover{color:#4cc9f0}.divider{color:#6c757d;margin:0 10px}