/* Tela de login e páginas de aviso (Acesso restrito, Você saiu). Fica em /auth/assets/ para abrir sem login. */
:root{
  color-scheme:dark;
  --bg:#030000; --surface:#141111; --surface-2:#1C1919; --line:#353333; --ink:#FFFFFF; --muted:#BEBEBE; --dim:#8A8787;
  --green:#41D33E; --yellow:var(--green); --red:var(--green);
  --green-bg:#0F2A0E; --yellow-bg:var(--green-bg); --red-bg:var(--green-bg);
  --note:#9DB4FF; --note-bg:#161C33;
  --f-display:"Inter Tight","Inter","Segoe UI",system-ui,sans-serif;
  --f-body:"Inter","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15.5px;line-height:1.55}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);font-weight:800;line-height:1.05;margin:0;text-wrap:balance;letter-spacing:-.015em}
p{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding-inline:20px}
.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

body{margin:0}
:root{--hero:url("/auth/assets/hero.webp")}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14.5px;text-decoration:none;background:var(--green);color:#030000;padding:10px 16px;border-radius:999px;border:0;cursor:pointer;white-space:nowrap;transition:transform .12s,filter .12s}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--ink)}
.btn.y{background:var(--yellow)} .btn.r{background:var(--red);color:#030000}
.btn[aria-disabled="true"]{opacity:.4;pointer-events:none}
/* login (v9): imagem de um lado, login do outro */
.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:var(--bg)}
.lphoto{position:relative;overflow:hidden;min-height:280px}
.lphoto::before{content:"";position:absolute;inset:0;background:var(--hero) center 30%/cover no-repeat;filter:grayscale(1)}
.lphoto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,0,0,.82) 0%,rgba(3,0,0,.55) 45%,rgba(3,0,0,.6) 75%,var(--bg) 100%)}
.lphoto-in{position:absolute;left:clamp(32px,5vw,80px);right:48px;top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;gap:26px}
.lphoto-in .lbrand img{height:clamp(48px,4.5vw,68px)}
.lphoto-in .lbrand span{font-size:clamp(22px,2vw,30px);padding-left:18px}
.lphoto-in .lbrand span em{font-size:13px}
.lphoto-in p{font-family:var(--f-display);font-weight:900;font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-.025em;max-width:13ch}
.lphoto-in p em{font-style:normal;color:var(--green)}
.lside{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;position:relative}
.lbox{width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}
.lbrand{display:flex;align-items:center;gap:14px}
.lbrand img{height:36px;width:auto}
.lbrand span{font-family:var(--f-display);font-weight:800;font-size:19px;letter-spacing:-.01em;border-left:1px solid var(--line);padding-left:14px;line-height:1.1}
.lbrand span em{display:block;font-style:normal;font-family:var(--f-body);font-weight:600;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-top:3px}
.ltxt{display:flex;flex-direction:column;gap:10px}
.ltxt h1{font-size:32px;letter-spacing:-.02em;line-height:1.1}
.ltxt p{color:var(--muted);font-size:15.5px;line-height:1.55}
.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#FFFFFF;color:#1F1F1F;border:0;border-radius:12px;padding:15px 18px;font-weight:600;font-size:16px;cursor:pointer;transition:transform .12s,box-shadow .12s}
.gbtn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(65,211,62,.25)}
@media (prefers-reduced-motion: reduce){.gbtn{transition:none}.gbtn:hover{transform:none}}
.gbtn svg{width:20px;height:20px;flex:none}
.lrule{font-size:13px;color:var(--dim);display:flex;gap:8px;align-items:center}
.lrule svg{width:14px;height:14px;stroke:var(--green);fill:none;stroke-width:2;flex:none}
.lerr{width:100%;background:rgba(247,55,48,.1);border:1px solid rgba(247,55,48,.4);color:#FFC2BE;border-radius:12px;padding:12px 14px;font-size:14px}
.lerr b{color:#fff}
.lfoot{position:absolute;bottom:22px;left:40px;right:40px;font-size:12.5px;color:var(--dim)}
@media (max-width:860px){
  .login{grid-template-columns:1fr}
  .lphoto{min-height:220px}
  .lphoto::after{background:linear-gradient(180deg,rgba(3,0,0,.2),var(--bg) 100%)}
  .lphoto-in{left:20px;right:20px;top:auto;bottom:20px;transform:none;gap:14px}
  .lphoto-in p{font-size:30px}
  .lphoto{min-height:300px}
  .lside{padding:28px 20px 64px;justify-content:flex-start}
  .lfoot{left:20px;right:20px}
}

a.gbtn{text-decoration:none}
.lbox .btn{align-self:flex-start}
.lerr a{color:#fff}