/* LF Developer — shared visual layer for public/auth screens. Presentation only. */
:root{--lf-navy:#111b31;--lf-blue:#385bdb;--lf-ink:#18243b;--lf-muted:#65738c;--lf-border:#e2e8f3}
body.lf-public-screen{min-height:100vh;background:radial-gradient(circle at 10% 5%,#e2eafe 0,transparent 38%),radial-gradient(circle at 100% 100%,#e4edff 0,transparent 30%),#f5f7fc;color:var(--lf-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.lf-public-screen .card{border:1px solid var(--lf-border)!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(27,46,86,.12)!important;overflow:hidden}
.lf-public-screen .card-body{padding:clamp(1.5rem,3vw,2.25rem)!important}
.lf-public-screen h1,.lf-public-screen h2,.lf-public-screen h3,.lf-public-screen h4{color:var(--lf-ink);font-weight:760;letter-spacing:-.025em}
.lf-public-screen .text-muted{color:var(--lf-muted)!important}
.lf-public-screen .form-label{font-size:.88rem;color:#34435d;font-weight:650}
.lf-public-screen .form-control,.lf-public-screen .form-select,.lf-public-screen .input-group-text{border:1px solid #dce3f0;border-radius:11px;min-height:46px;background-color:#fff}
.lf-public-screen .input-group .input-group-text{border-radius:11px 0 0 11px;background:#f7f9fd;color:#6b7e9e}
.lf-public-screen .input-group .form-control{border-radius:0 11px 11px 0}
.lf-public-screen .form-control:focus{border-color:#829bfa;box-shadow:0 0 0 .2rem rgba(56,91,219,.13)}
.lf-public-screen .btn{border-radius:11px;font-weight:700;padding:.7rem 1rem}
.lf-public-screen .btn-primary{background:#385bdb;border-color:#385bdb}
.lf-public-screen .btn-primary:hover{background:#294ac0;border-color:#294ac0}
.lf-public-screen :is(.btn,.form-control,.form-select):focus-visible{outline:2px solid #90a7ff;outline-offset:2px}
.lf-public-screen .card-header.bg-primary{background:linear-gradient(115deg,#182c56,#385bdb)!important;border:0!important;padding:1.65rem!important}
.lf-public-screen .card-header.bg-primary h4{color:#fff}
.lf-public-screen .login-box{width:min(100% - 2rem,430px);margin:2rem auto}
.lf-public-screen .login-box .brand-image{display:block;max-width:240px!important;width:85%!important;height:auto!important;margin:auto}
.lf-public-screen .login-card-body h3{font-size:1.6rem;font-weight:760!important;margin-top:1rem!important}
.lf-public-screen .login-card-body .btn[type=submit]{width:100%;margin-top:.4rem}
.lf-public-screen .success-icon{filter:drop-shadow(0 8px 16px rgba(25,135,84,.14))}
.lf-public-screen main.container{max-width:640px}
.lf-public-screen #pix-area img{border:1px solid var(--lf-border);border-radius:14px;padding:.6rem;background:#fff}
.lf-public-screen #code{min-height:90px;font-family:ui-monospace,monospace;font-size:.83rem}
@media(max-width:575.98px){.lf-public-screen .card-body{padding:1.4rem!important}.lf-public-screen .login-box{width:calc(100% - 1.25rem)}.lf-public-screen .container{padding-inline:1rem}}
@media(prefers-reduced-motion:reduce){.lf-public-screen .card{animation:none!important}}