.login-screen{min-height:100dvh;color:var(--ink);background:radial-gradient(ellipse 70% 55% at 30% 40%, var(--signal-wash), transparent 70%), var(--paper);grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:32px;display:grid}.login-screen__marca{flex-direction:column;align-items:center;gap:28px;max-width:30rem;margin-inline:auto;display:flex}.login-screen__marca .pmark{width:min(100%,26rem)}.login-screen__lema{text-align:center;flex-direction:column;gap:6px;margin:0;display:flex}.login-screen__lema strong{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:600;line-height:1}.login-screen__lema span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:.78rem}.login-screen__form{place-items:center;display:grid}.login-screen .login-card{background:color-mix(in srgb, var(--card) 62%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid color-mix(in srgb, var(--ink) 55%, transparent);box-shadow:var(--shadow-2), inset 0 1px 0 color-mix(in srgb, var(--ink) 8%, transparent);border-radius:16px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.login-screen .login-card{background:var(--card)}}@media (max-width:900px){.login-screen{grid-template-columns:1fr;align-content:start;gap:20px;padding:24px 16px 32px}.login-screen__marca{gap:14px}.login-screen__marca .pmark{width:min(52vw,13rem)}.login-screen__lema strong{font-size:1.5rem}.login-screen__lema span{font-size:.7rem}}@media (max-height:520px) and (orientation:landscape){.login-screen__marca{display:none}.login-screen{grid-template-columns:1fr;padding:12px}}
