.login{height:100vh;min-height:100vh;display:grid;place-items:center;padding:64px 18px}.login__card{width:min(420px,92vw);background:hsla(38,50%,97%,.86);border-radius:var(--radius);border:1px solid rgba(31,26,23,.08);box-shadow:var(--shadow-card);padding:28px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.login__header{display:grid;grid-gap:6px;gap:6px;margin-bottom:20px}.login__title{font-size:clamp(2rem,3vw,2.6rem);line-height:1.05}.login__subtitle{color:var(--color-ink-soft);font-size:.98rem}.login__form{display:grid;grid-gap:14px;gap:14px}.login__field{display:grid;grid-gap:8px;gap:8px}.login__field label{font-size:.9rem;color:var(--color-ink-soft)}.login__input{border-radius:999px;border:1px solid rgba(31,26,23,.12);padding:12px 16px;background:hsla(0,0%,100%,.85);color:var(--color-ink);font-size:.98rem;transition:border .2s ease,box-shadow .2s ease}.login__input:focus{outline:none;border-color:rgba(132,197,78,.6);box-shadow:0 0 0 3px rgba(144,197,78,.2)}.login__button{border-radius:999px;border:1px solid transparent;padding:12px 18px;font-weight:600;font-size:.98rem;background:var(--color-accent);color:#fff;box-shadow:0 16px 30px #6d7b5c50;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login__button:hover{transform:translateY(-1px)}.login__button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.login__error{color:#b24838;font-size:.9rem;background:rgba(178,72,56,.1);border-radius:12px;padding:8px 12px}@media (max-width:640px){.login__card{padding:22px}}