/* Pantallas públicas (login, registro, recuperación, 2FA) */
:root{--lp-primary:#5b4bc4;--lp-primary-600:#4a3cae;--lp-ink:#14122b;--lp-muted:#666b8a;--lp-border:#dfe2ee}
body.gray-bg{background:linear-gradient(160deg,#f4f5fa 0%,#e9e6fb 100%)!important;min-height:100vh;font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--lp-ink)}
body.gray-bg .middle-box{background:#fff;border:1px solid var(--lp-border);border-radius:16px;box-shadow:0 10px 40px rgba(20,18,43,.10);width:min(400px,calc(100% - 32px));max-width:none;margin:32px auto;padding:28px 28px 24px}
body.gray-bg .middle-box figure img{max-width:220px;height:auto;width:auto}
body.gray-bg .middle-box br{display:none}
body.gray-bg .form-control{height:44px;border:1px solid #cfd3e3;border-radius:10px;box-shadow:none;margin-bottom:2px;font-size:15px}
body.gray-bg .form-control:focus{border-color:var(--lp-primary);box-shadow:0 0 0 3px #e1defa;outline:0}
body.gray-bg .form-group{margin-bottom:12px}
body.gray-bg .btn-primary{background:var(--lp-primary);border:1px solid var(--lp-primary);border-radius:10px;height:44px;font-weight:650;letter-spacing:.02em;transition:background .18s}
body.gray-bg .btn-primary:hover,body.gray-bg .btn-primary:focus{background:var(--lp-primary-600);border-color:var(--lp-primary-600)}
body.gray-bg a{color:var(--lp-primary)}
body.gray-bg .alert{border-radius:10px;text-align:left;padding:10px 14px;margin-bottom:14px}
body.gray-bg .g-recaptcha{margin:0 auto 12px;display:flex;justify-content:center}
body.gray-bg small,body.gray-bg .text-muted{color:var(--lp-muted)}
body.gray-bg :focus-visible{outline:3px solid #e1defa;box-shadow:0 0 0 2px var(--lp-primary)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}