/* =========================================================================
   Arvium — login (tema claro)
   ========================================================================= */
*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);color:#1f2937;
  -webkit-font-smoothing:antialiased;}
.page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;}
.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:380px;padding:2.2rem 2rem 2rem;}
.card-header{text-align:center;margin-bottom:1.5rem;}
.brand-logo{max-height:54px;margin-bottom:.6rem;}
.brand-mark-lg{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:15px;
  background:#2563eb;color:#fff;font-weight:800;font-size:1.35rem;text-transform:uppercase;margin-bottom:.7rem;}
.card-header h1{margin:.2rem 0 .15rem;font-size:1.42rem;color:#111827;font-weight:700;}
.subtitle{color:#6b7280;font-size:.9rem;margin:0;}
.login-form label{display:block;font-weight:600;font-size:.85rem;margin:.85rem 0 .25rem;color:#33415a;}
.login-form input[type=text],.login-form input[type=email],.login-form input[type=password]{width:100%;padding:.62rem .7rem;
  border:1px solid #c8d0dc;border-radius:9px;font-size:.95rem;color:#1f2937;transition:border-color .15s,box-shadow .15s;}
.login-form input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14);}
.login-form button{width:100%;background:#2563eb;color:#fff;border:0;padding:.72rem;border-radius:9px;
  font-weight:700;font-size:.98rem;cursor:pointer;margin-top:1.2rem;transition:background .15s;}
.login-form button:hover{background:#1d4ed8;}
.error-message{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:.62rem .8rem;border-radius:9px;font-size:.88rem;margin:0 0 .4rem;}