*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:28px 16px;background:#f3f6fa;color:#20364d;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.acceso{width:100%;max-width:410px;padding:36px;background:#fff;border:1px solid #e0e6ed;border-radius:16px;box-shadow:0 12px 40px #16395c12}.acceso-logo{display:block;width:180px;max-width:100%;height:auto;margin:0 auto 24px}h1{font-size:1.5rem;text-align:center;margin:0 0 26px}form{display:grid;gap:10px}label{font-weight:600;font-size:.95rem}input{width:100%;font:inherit;padding:12px;border:1px solid #aebdcb;border-radius:7px;margin-bottom:10px}button{font:inherit;font-weight:600;color:#fff;background:#174f7c;border:0;border-radius:7px;padding:13px;margin-top:8px;cursor:pointer}button:hover{background:#103c60}input:focus-visible,button:focus-visible{outline:3px solid #77b9ed;outline-offset:3px}.mensaje{padding:12px;border-radius:7px;background:#edf5fc;line-height:1.5}.error{background:#fff0ef;color:#9a2721}@media(max-width:420px){.acceso{padding:28px 22px}}