.login-bg{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{text-align:center;background:#fff;border-radius:28px;width:100%;max-width:380px;margin-top:-100px;padding:42px 34px;box-shadow:0 1px 10px #e885d1}.login-title{background:linear-gradient(90deg,#8a4df3 0%,#d35ba4 50%,#f78154 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:38px;font-weight:700}.login-form{flex-direction:column;gap:18px;display:flex}.login-input{background:#f4f7f8;border:2px solid #0000;border-radius:999px;outline:none;width:100%;padding:16px 18px;font-size:15px;transition:all .25s;box-shadow:inset 0 2px 4px #ce62e1e4}.login-input::placeholder{color:#8aa3a8}.login-input:focus{background:linear-gradient(#f4f7f8,#f4f7f8) padding-box padding-box,linear-gradient(90deg,#8a4df3 0%,#d35ba4 50%,#f78154 100%) border-box}.login-error{color:#ff4d4d;margin-top:-6px;font-size:13px}.login-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#c170bb,#f78154);border:none;border-radius:999px;margin-top:10px;padding:16px;font-size:16px;font-weight:600;transition:all .25s}.login-button:hover{transform:translateY(-2px)}.login-footer{color:#9c1056;margin-top:22px;font-size:14px}.login-footer .login-link{color:orange;font-weight:600;text-decoration:none}.login-footer .login-link:hover{text-decoration:underline}@media (max-width:420px){.login-bg{padding:10px}.login-card{border-radius:22px;margin-top:-120px;padding:28px 20px}.login-title{font-size:28px}.login-input{padding:14px;font-size:14px}.login-button{padding:14px;font-size:15px}}@media (min-width:1200px){.login-card{max-width:460px;padding:50px 46px}.login-title{font-size:40px}}