.login-container{width:24rem;height:auto;margin:10em auto;padding:2.4rem;background-color:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.login-title{text-align:center;font-size:var(--font-size-lg);margin-bottom:1.5rem;color:var(--color-black)}.form-group{margin-bottom:1rem}.form-label{font-family:var(--heading-font);display:block;margin-bottom:3px;color:var(--color-black)}.form-control{width:100%;padding:.7em;border:2px solid rgba(162,133,221,.4);border-radius:10px;font-size:var(--font-size-base)}.form-control:focus{outline:none;border:2px solid rgba(162,133,221,.8)}.login-btn{position:relative;bottom:20%;background-color:rgba(251,219,250,.9);width:100%;height:auto;color:#181818;outline:none;margin:5% 0;font-size:var(--font-size-base);font-family:var(--heading-font);padding:.7em;border:2px solid rgba(162,133,221,.4);border-radius:10px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.login-btn:hover{background-color:rgba(162,133,221,.1);border:2px solid rgba(162,133,221,.4)}.btn-container{display:flex;justify-content:center;margin-top:1rem}.login-btn:active{transform:scale(.95)}.error-message{color:#181818;text-align:center;margin-top:1rem}@media (max-width:600px){.login-container{width:21.45rem;padding:2.05rem}.login-title{font-size:var(--font-size-lg)}}.success-message{margin-bottom:10px;font-feature-settings:"titl";font-variant-caps:titling-caps;color:#2a4f6d}