@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&display=swap");.login-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.clear-image{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:1;filter:brightness(.6)}.login-form{font-family:Libre Baskerville,serif;position:relative;background:hsla(0,0%,100%,.15);padding:4rem;border-radius:50%;width:500px;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #fff;box-shadow:0 20px 40px rgba(0,0,0,.6)}.login-form h1{color:#b1bb8d;font-size:2.2rem;margin-bottom:.5rem}.login-form input{font-family:Libre Baskerville,serif;width:100%;padding:.9rem 1rem;background:transparent;border:1px solid var(--primary-6);border-radius:8px;color:#b1bb8d;font-size:1rem;margin-bottom:1.2rem;outline:none}.login-form input::placeholder{color:#b1bb8d}.login-form input:focus{border-color:var(--primary-5)}.login-form button{font-family:Libre Baskerville,serif;width:50%;padding:.9rem;background:transparent;border:2px solid var(--primary-3);border-radius:50px;color:#b1bb8d;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.login-form button:hover{opacity:.95;background-color:hsla(45,34%,65%,.15)}.register-text{padding-top:5px;color:#97a271}.register-link{color:#97a271;cursor:pointer;text-decoration:underline}.error{font-size:small;padding-bottom:5px;color:#b1bb8d}@media (max-width:768px){.login-form{width:90%;height:auto;padding:2rem;border-radius:20px}.login-form button,.login-form input{width:100%}.login-container{padding:1rem}.clear-image{object-position:center top}.login-form h1{font-size:1.8rem}.login-form button{font-size:1rem}}