.auth{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:30%;margin:0 auto;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 20px #0000004d}.auth .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30%;margin:0 auto;background:#fff;padding:20px;border-radius:10px}.auth .info{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;margin-bottom:30px}.auth .info img{width:15%;height:auto}.auth .info span{font-size:20px;font-weight:600}.auth .info .desc{font-size:13px;color:gray}.auth .error{background:#ff00005d;display:block;width:100%;text-align:center;margin-bottom:20px;padding:7px;font-size:13px;border-radius:3px;border:1px red solid;color:#6d0707}.auth form{display:flex;flex-direction:column;width:100%}.auth form input{max-width:100%;height:35px;padding:10px 0;font-size:16px;border:1.2px solid gray;border-radius:3px;outline:none;background:transparent;box-sizing:border-box;text-align:center;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal}.auth form input::placeholder{font-size:14px;text-align:center;justify-content:center}.auth form input[readonly],.auth form input:disabled{opacity:.7;cursor:not-allowed}.auth form button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;background-color:var(--primary);color:#fff;padding:9px 20px;border-radius:4px;transform-origin:center;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;border:none;max-width:100%;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;letter-spacing:.5px;transition:background-color .25s ease,transform .15s ease}.auth form button:hover{background-color:#000;transform:scale(1.03)}.auth form button:active{transform:scale(.97)}.auth form button:disabled,.auth form button:disabled:hover{background-color:var(--primary);cursor:not-allowed;transform:none;opacity:.7}.auth form button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth .footer{margin-top:20px;font-size:12px;text-align:center;display:flex;flex-direction:column;gap:10px}.auth .footer .bottom{font-weight:600}@media screen and (max-width:600px){.auth{width:80%}}@media screen and (min-width:601px)and (max-width:1024px){.auth{width:40%}}