/* Tela de acesso */
:root { --navy:#102a43; --teal:#19a7a1; }
* { box-sizing: border-box; }
html,body { min-height:100%; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:1.25rem; font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif; background:radial-gradient(circle at 15% 15%,#dff5f2 0,transparent 34%),linear-gradient(135deg,#eef3f8,#dfe8f1); color:#172b4d; }
.login-container { width:min(100%,430px); background:#fff; padding:clamp(1.5rem,5vw,2.5rem); border:1px solid #dce5ee; border-radius:20px; box-shadow:0 24px 65px rgba(16,42,67,.15); }
.login-container::before { content:"CORPUS ACADEMIA"; display:block; margin-bottom:1.2rem; color:var(--teal); font-size:.78rem; font-weight:800; letter-spacing:.16em; }
h1 { margin:0 0 1.5rem; text-align:left; font-size:2rem; color:var(--navy); letter-spacing:-.04em; }
form { display:flex; flex-direction:column; gap:.45rem; }
label { margin-top:.5rem; margin-bottom:.2rem; font-weight:650; color:#334e68; }
input { width:100%; min-height:46px; padding:.7rem .85rem; margin-bottom:.55rem; border:1px solid #c8d5e2; border-radius:9px; font:inherit; }
input:focus { outline:3px solid rgba(25,167,161,.18); border-color:var(--teal); }
button { min-height:46px; margin-top:.55rem; padding:.75rem 1rem; background:var(--navy); color:#fff; border:0; border-radius:9px; font:inherit; font-weight:700; cursor:pointer; }
button:hover { background:#1d527a; }
.login-error { margin:0 0 1rem; padding:.75rem; border-radius:8px; background:#fff0ef; color:#a12622; }