.login-container{width:24rem;height:auto;margin:10em auto;padding:2.4rem;background-color:hsla(0,0%,100%,.8);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.login-title{text-align:center;font-size:1.89rem;margin-bottom:1.5rem;color:var(--color-black)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:3px;color:var(--color-black)}.form-control{width:100%;padding:10px;border:1px solid rgba(0,69,106,.7);border-radius:4px;font-size:1rem}.form-control:focus{outline:none;border:1px solid rgba(123,18,50,.7);box-shadow:0 0 3px rgba(123,18,50,.2)}.btn{margin-top:1rem;background-color:#00456a;width:50%;padding:10px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.btn-container{display:flex;justify-content:center;margin-top:1rem}.btn:hover{color:#fff;background-color:#7b1232}.btn:active{transform:scale(.95)}.error-message{color:#7b1232;text-align:center;margin-top:1rem}@media (max-width:600px){.login-container{width:21.45rem;padding:2.05rem}.login-title{font-size:1.54rem}}.success-message{margin-bottom:10px;font-feature-settings:"titl";font-variant-caps:titling-caps;color:#2a4f6d}