/* Public login only: native form and routes remain unchanged. */
html body{background:#f6f4eb;color:#173f2e}
html body .page .stage{background:#f6f4eb;min-height:calc(100svh - 100px);padding:34px 24px}
html body .page .shell{width:min(1120px,100%);gap:70px;grid-template-columns:1.12fr .88fr}
html body .page .intro{padding:0}
html body .page .intro .brand{margin:0;align-items:flex-start!important}
html body .page .intro .brand::before{width:150px;height:112px;max-width:100%}
html body .page .eyebrow{background:transparent;border-left:3px solid #b29a58;padding:0 0 0 10px;border-radius:0;margin:22px 0 0;font-size:10px;letter-spacing:.1em;color:#557053}
html body .page .intro h1{font-size:clamp(42px,4.3vw,62px);line-height:1.05;letter-spacing:-.05em;margin:20px 0 17px;font-weight:800}
html body .page .intro h1 span{color:#1d5a3d}
html body .page .intro>p{font-size:17px;line-height:1.6;color:#52634e;max-width:450px;margin:0}
html body .page .paulo-intro{display:flex;align-items:center;gap:20px;margin-top:26px;padding-top:24px;border-top:1px solid #d8ddcc}
html body .page .paulo-intro img{width:92px;height:100px;border-radius:36px 6px 6px 6px;object-fit:cover;flex:none}
html body .page .paulo-intro strong{display:block;font-size:16px;color:#1d4b34}
html body .page .paulo-intro p{font-size:14px;line-height:1.55;max-width:300px;color:#586650;margin:6px 0}
html body .page .paulo-intro span{font-size:10px;color:#687361}
html body .page .benefits{gap:14px;margin-top:24px}
html body .page .benefit{background:transparent;border:0;border-radius:0;padding:0}
html body .page .benefit b{font-size:12px;color:#2c5b3e;margin-bottom:5px}
html body .page .benefit small{font-size:11px;color:#61715a}
html body .page .card{border:1px solid #e0e3d6;border-radius:16px;padding:30px;background:#fffefa;box-shadow:0 20px 50px #173f2e0e}
html body .page .card h2{font-size:29px;color:#173f2e}
html body .page .card>p{color:#67725f;font-size:14px}
html body .page .form label{color:#35563b;font-size:14px}
html body .page .form input{border-color:#d5ddcc;border-radius:7px;background:#fff;outline-color:#507949}
html body .page .submit{background:#164c36;border-radius:7px;cursor:pointer}
html body .page .submit:hover{background:#226a48}
html body .page .register{border-color:#8ba180;color:#164c36;border-radius:7px;background:transparent}
html body .page .trial{background:#eff2e7;border-radius:8px;color:#31543a}
html body .page .trial strong{font-size:14px}
html body .page .trial small{color:#62715b;font-size:12px}
html body .page .divider{color:#737e6b;font-size:13px}
html body .page .trust{background:#f6f4eb;border-color:#e0e3d3}
html body .page .trust div{color:#607259;font-size:12px}
html body .page .footer{background:#164c36}
html body .page a:focus-visible,html body .page button:focus-visible{outline:3px solid #a68d47;outline-offset:3px}
@media(max-width:900px){
 html body .page .stage{min-height:auto;padding:14px 18px 24px}
 html body .page .shell{width:min(580px,100%);gap:10px}
 html body .page .intro{display:contents}
 html body .page .intro .brand{align-self:center;margin:0 auto;align-items:center!important}
 html body .page .intro .brand::before{width:150px;height:88px}
 html body .page .mobile-brandline{color:#617255;font-size:11px;margin:-10px 0 0}
 html body .page .intro h1{font-size:30px;line-height:1.08;margin:5px auto 0;max-width:400px;text-align:center}
 html body .page .intro>p{font-size:13px;line-height:1.4;margin:0 auto;max-width:350px;padding:0;text-align:center}
 html body .page .paulo-intro{order:4;gap:9px;margin:2px auto 4px;border:0;padding:0;max-width:350px}
 html body .page .paulo-intro img{width:38px;height:41px;border-radius:50%;object-fit:cover}
 html body .page .paulo-intro strong{font-size:11px}
 html body .page .paulo-intro p{font-size:10px;margin:2px 0 0;max-width:280px;line-height:1.3}
 html body .page .paulo-intro span{display:none}
 html body .page .card{padding:20px 20px;border-radius:12px;margin:0;width:100%}
 html body .page .card h2{font-size:24px}
 html body .page .card>p{font-size:12px;margin-bottom:15px}
 html body .page .form{gap:10px}
 html body .page .form input,html body .page .submit,html body .page .register{height:46px}
 html body .page .form input[type=checkbox]{height:18px;width:18px}
 html body .page .check{font-size:12px!important}
 html body .page .trial{padding:10px;margin-top:10px}
 html body .page .trial strong{font-size:13px}
 html body .page .trial small{font-size:11px}
 html body .page .trust{display:none}
 html body .page .footer{padding:13px;font-size:11px;flex-direction:column;gap:7px;text-align:center}
}
@media(max-width:360px){html body .page .intro h1{font-size:27px}html body .page .card{padding:18px 15px}}