.login-container{background-image:url(https://res.cloudinary.com/dndev4rnw/image/upload/v1706351855/subscribe_alrdpp.png);background-repeat:no-repeat;background-position:50%;background-size:cover;display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center;text-align:center;min-height:50vh;color:#fff;padding:5rem 8rem;position:relative;margin-bottom:3rem;margin-top:2rem}.login-container:before{content:"";position:absolute;inset:0;left:0;width:100%;background:rgba(0,0,0,.2)}.login-container .content{max-width:28rem;position:relative;z-index:10}.login-container .content h1{font-size:30px}.login-container form{width:40%;position:relative;z-index:10;display:grid;gap:1rem;background:#fff;border-radius:1rem;padding:1.5rem}.login-container svg{color:#000;font-size:20px;margin-bottom:.8rem}.login-container label{display:flex;align-items:end;justify-content:center}.login-container form button{padding:1rem;background:#254b94;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.login-container form input{width:100%;padding:.7rem;background:transparent;border-bottom:2px solid #000;color:#000}.login-container form input:focus{outline:none}.login-container form input::-moz-placeholder{color:#000}.login-container form input::placeholder{color:#000}@media (width < 1000px){.login-container{padding:2rem}.login-container .content h1{font-size:25px}.login-container form{width:70%}.login-container form input{width:100%;padding:.5rem}.login-container form button{padding:.5rem}}@media (width < 1100px){.login-container{margin-top:0}}@media (width < 500px){.login-container form{width:100%}}