.entrada { min-height: 100vh; display: grid; place-items: center; align-content: center; gap: 20px; padding: 24px 16px; }
.entrada .logo { display: flex; align-items: center; gap: 12px; color: var(--tinta); text-decoration: none; }
.entrada .logo img { width: 56px; }
.entrada .logo b { font: 800 24px/1 "Bricolage Grotesque", system-ui, sans-serif; display: block; letter-spacing: .02em; }
.entrada .logo small { color: var(--sub); }
.entrada .card { width: min(440px, 100%); }
.entrada form { display: grid; gap: 14px; margin-top: 18px; }
.entrada .btn { width: 100%; min-height: 50px; font-size: 16px; }
.entrada .nota { margin-top: 16px; }