.lg{background:#fff;grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.lg-marca{color:#e2e8f0;background:radial-gradient(700px 420px at 12% 0,#10b98129,#0000 60%),radial-gradient(600px 480px at 100% 100%,#3b82f61f,#0000 60%),linear-gradient(160deg,#172554 0%,#1e293b 100%);flex-direction:column;justify-content:space-between;gap:32px;padding:48px clamp(32px,5vw,72px);display:flex;position:relative;overflow:hidden}.lg-marca:after{content:"";pointer-events:none;border:1px solid #e2e8f014;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-200px;right:-180px;box-shadow:0 0 0 60px #e2e8f006,0 0 0 130px #e2e8f005}.lg-logo{object-fit:contain;width:96px;height:96px;display:block}.lg-marca-texto{z-index:1;max-width:460px;position:relative}.lg-kicker{letter-spacing:.12em;text-transform:uppercase;color:#6ee7b7;font-size:12px;font-weight:500}.lg-nombre{letter-spacing:-.02em;color:#fff;margin-top:12px;font-size:clamp(36px,4.4vw,56px);font-weight:700;line-height:1.05}.lg-lema{color:#cbd5e1;margin-top:14px;font-size:16px;line-height:1.55}.lg-marca-pie{z-index:1;color:#94a3b8;font-size:12px;font-weight:500;position:relative}.lg-panel{background:#fff;justify-content:center;align-items:center;padding:48px 24px;display:flex}.lg-form{width:100%;max-width:380px}.lg-form h1{color:#172554;letter-spacing:-.02em;font-size:28px;font-weight:700}.lg-sub{color:#64748b;margin-top:6px;font-size:14px}.lg-error{color:#b91c1c;background:#fef2f2;border:1px solid #ef444459;border-left:3px solid #ef4444;border-radius:8px;margin-top:20px;padding:10px 12px;font-size:13px;font-weight:500}.lg-label{color:#1e293b;margin:20px 0 6px;font-size:13px;font-weight:500;display:block}.lg-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;height:44px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.lg-input:hover{border-color:#cbd5e1}.lg-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b98140}.lg-input[aria-invalid=true]{border-color:#ef4444}.lg-clave{position:relative}.lg-clave .lg-input{padding-right:48px}.lg-ojo{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:4px;right:4px}.lg-ojo:hover{color:#1e293b;background:#f1f5f9}.lg-ojo:focus-visible{outline-offset:0;outline:2px solid #10b981}.lg-boton{color:#052e16;cursor:pointer;background:#10b981;border:0;border-radius:10px;width:100%;height:46px;margin-top:28px;font-size:15px;font-weight:600;transition:background .15s,box-shadow .15s,transform .15s;box-shadow:0 4px 6px -1px #0000000d}.lg-boton:hover{background:#34d399;box-shadow:0 0 0 1px #10b9814d,0 10px 24px -8px #10b9818c}.lg-boton:active{transform:translateY(1px)}.lg-boton:focus-visible{outline-offset:3px;outline:2px solid #059669}@media (max-width:860px){.lg{grid-template-rows:auto 1fr;grid-template-columns:1fr}.lg-marca{flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;padding:28px 20px}.lg-logo{flex-shrink:0;width:52px;height:52px}.lg-kicker{font-size:11px}.lg-nombre{margin-top:4px;font-size:26px}.lg-lema{margin-top:4px;font-size:13px}.lg-marca-pie{display:none}.lg-marca:after{width:280px;height:280px;bottom:-160px;right:-120px}.lg-panel{align-items:flex-start;padding:32px 20px 48px}}@media (prefers-reduced-motion:reduce){.lg-input,.lg-ojo,.lg-boton{transition:none}}