.login{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh}@media(max-width:768px){.login{min-height:100%;justify-content:flex-start;margin-top:120px}}.login .inputs{width:30%;display:flex;flex-direction:column;gap:40px;padding:40px;border-radius:24px;box-shadow:8px 16px 32px 0 rgba(0,0,0,.161)}@media(max-width:768px){.login .inputs{width:90%;box-shadow:none;padding:15px}}.login .inputs h1{color:#434e59}.login .inputs .input_wrapper{position:relative;width:100%}.login .inputs .input_wrapper label{position:absolute;top:50%;left:50px;transform:translateY(-50%);transition:all .3s;color:#555;font-size:14px;z-index:10}.login .inputs .input_wrapper label.active{top:-20px;left:10px;transform:translateY(0);font-size:12px}.login .inputs .input_wrapper input{width:100%;height:50px;padding:0 50px;border-radius:8px;border:1px solid #aed5fc;color:#2e2e2e}.login .inputs .input_wrapper img{position:absolute;top:50%;left:20px;transform:translateY(-50%);cursor:pointer}.login .inputs button{height:50px;background:#945ccc;font-size:16px;border-radius:8px;border:none;color:#fff;cursor:pointer;transition:all .3s}.login .inputs button:hover{opacity:.9}.login .inputs a{text-decoration:none;transition:all .3s;font-size:14px;text-align:center}.login .inputs a:hover{text-decoration:underline}