.login{--c-primary-100:#eae0cb;--c-secondary-300:#cc602a;--c-secondary-400:#95461f;--c-secondary-500:#552812;min-height:100vh;display:grid;place-items:center;padding:2rem;background:#2b1a10;color:var(--c-secondary-500);font-family:Cairo,Segoe UI,sans-serif}.login__card{width:min(26rem,100%);background:rgba(234,224,203,.95);border:1px solid rgba(204,96,42,.65);border-radius:1rem;box-shadow:0 1.5rem 3.5rem rgba(43,26,16,.5);padding:2.5rem 2rem}.login__title{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;color:var(--c-secondary-300)}.login__subtitle{margin:0 0 1.75rem;font-size:.95rem;opacity:.8}.login__field{display:block;margin-bottom:1.1rem}.login__label{display:block;margin-bottom:.4rem;font-size:.85rem;font-weight:700}.login__input{width:100%;box-sizing:border-box;padding:.75rem .9rem;font-size:1rem;font-family:inherit;border:1px solid rgba(85,40,18,.35);border-radius:.5rem;background:#fff;color:var(--c-secondary-500)}.login__input:focus{outline:none;border-color:var(--c-secondary-300);box-shadow:0 0 0 3px rgba(204,96,42,.25)}.login__button{width:100%;margin-top:.5rem;padding:.8rem 1rem;font-size:1rem;font-weight:700;font-family:inherit;color:#fdf6e6;background:var(--c-secondary-300);border:none;border-radius:.5rem;cursor:pointer;transition:background .15s ease}.login__button:hover:not(:disabled){background:var(--c-secondary-400)}.login__button:disabled{opacity:.6;cursor:default}.login__error{margin:0 0 1.1rem;padding:.65rem .9rem;font-size:.9rem;color:#fff;background:#b03a1c;border-radius:.5rem}