.login{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.login__card{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:30px 28px;box-shadow:0 20px 50px #1118271f}.login__title{text-align:center;margin-bottom:6px;font-size:26px;font-weight:800}.login__subtitle a{color:#9333ea;font-weight:600;text-decoration:underline}.login__subtitle{text-align:center;color:#6b7280;margin-bottom:24px;font-size:14px}.login__form{flex-direction:column;gap:18px;display:flex}.login__field{flex-direction:column;gap:6px;display:flex}.login__field span{color:#374151;font-size:13px;font-weight:600}.login__field input{border:1px solid #e5e7eb;border-radius:12px;outline:none;height:44px;padding:0 12px;font-size:14px}.login__field input:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea26}.login__error{color:#dc2626;text-align:center;font-size:13px}.login__button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#085078,#85d8ce);border:none;border-radius:999px;height:48px;font-size:15px;font-weight:700;transition:all .2s}.login__button:hover{opacity:.92}@media (max-width:480px){.login__card{padding:24px 20px}.login__title{font-size:22px}}