/* ==========================================================================
   Lukrar — telas de acesso (/admin/login e /cadastro) como continuação da home
   Mesmo header, mesmo creme com sol dourado, mesmo "Lukrar" vazado ao fundo,
   mesmos botões, fontes e o botão "Falar com o suporte".
   Só veste o HTML existente: nenhum ID, formulário ou script foi alterado.
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=JetBrains+Mono:wght@500;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

html.lk-auth {
  --red:#FD1C22; --red2:#FF4F41; --crimson:#D40207; --wine:#6C0205;
  --gold:#F3B53F; --amber:#CA890D; --amber-txt:#9A6608; --ink:#1F0709; --ink2:#2B0B0E;
  --cream:#FFF4E6; --paper:#FBEBD6; --teal:#2ED3B7; --mute:#7A5A55;
  --display:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,sans-serif;
  --body:"Plus Jakarta Sans","Segoe UI",system-ui,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --grad:linear-gradient(100deg,var(--amber),var(--crimson) 55%,#D61000);
  --ease:cubic-bezier(.2,.8,.2,1);
  --line:rgba(31,7,9,.16);
  color-scheme:light !important;
  background:var(--cream) !important;
  scroll-behavior:smooth;
}

/* ---------- base: igual à home ---------- */
html.lk-auth body {
  font-family:var(--body) !important;
  color:var(--ink) !important;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  min-height:100vh; min-height:100svh;
  background:
    radial-gradient(60% 55% at 78% 45%, rgba(243,181,63,.35), transparent 70%),
    radial-gradient(50% 40% at 8% 95%, rgba(253,28,34,.12), transparent 70%),
    var(--cream) !important;
  background-attachment:fixed !important;
}
html.lk-auth body::before { display:none !important; }           /* degradê pastel antigo */
html.lk-auth body::after {                                         /* grão da home */
  content:""; position:fixed; inset:0; pointer-events:none; z-index:90; opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
html.lk-auth #fundo-institucional,
html.lk-auth body > div:has(> a[href="/"]),
html.lk-auth #btn-tema { display:none !important; }               /* a home não tem tema escuro */

/* "Lukrar" vazado gigante atrás de tudo (o mesmo da home) */
.lk-ghost {
  position:fixed; left:50%; top:54%; transform:translate(-50%,-50%); z-index:0;
  font-family:var(--display); font-weight:800; font-size:34vw; letter-spacing:-.06em; line-height:.8;
  color:transparent; -webkit-text-stroke:2px rgba(212,2,7,.1);
  white-space:nowrap; pointer-events:none; user-select:none;
}

/* ---------- header: cópia do .hdr da home ---------- */
.lk-hdr { position:fixed; top:0; left:0; right:0; z-index:80; transition:background .3s, box-shadow .3s, backdrop-filter .3s; padding-top:env(safe-area-inset-top); }
.lk-hdr.scrolled { background:rgba(255,244,230,.8); backdrop-filter:blur(14px) saturate(1.4); -webkit-backdrop-filter:blur(14px) saturate(1.4); box-shadow:0 1px 0 rgba(31,7,9,.08); }
.lk-wrap { width:min(1240px, 100% - 32px); margin-inline:auto; }
.lk-hdr .lk-in { display:flex; align-items:center; justify-content:space-between; gap:20px; height:74px; }
.lk-logo { display:flex; align-items:center; gap:10px; font-family:var(--body); font-weight:800; font-size:22px; letter-spacing:-.02em; color:var(--ink); text-decoration:none; }
.lk-logo img { width:34px; height:34px; }
.lk-logo span { background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.lk-nav { display:flex; gap:30px; font-weight:600; font-size:15px; }
.lk-nav a { position:relative; color:var(--ink); opacity:.8; text-decoration:none; }
.lk-nav a:hover { opacity:1; }
.lk-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-6px; height:2px; background:var(--red); transition:right .3s var(--ease); }
.lk-nav a:hover::after { right:0; }
.lk-act { display:flex; align-items:center; gap:22px; }
.lk-act .lk-login { font-weight:700; font-size:15px; color:var(--ink); text-decoration:none; position:relative; }
.lk-act .lk-login[aria-current="page"]::after { content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; background:var(--red); }

/* botões da home */
.lk-btn { display:inline-flex; align-items:center; gap:10px; padding:14px 24px; border-radius:999px; font-weight:700; font-size:15px; text-decoration:none; transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s; }
.lk-btn-red { background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff; box-shadow:0 10px 30px -8px rgba(253,28,34,.6), inset 0 -3px 0 rgba(0,0,0,.15); }
.lk-btn-red:hover { transform:translateY(-3px) rotate(-1deg); box-shadow:0 18px 40px -8px rgba(253,28,34,.7); }
.lk-btn-ghost { border:2px solid var(--ink); color:var(--ink); padding:12px 22px; }
.lk-btn-ghost:hover { background:var(--ink); color:var(--cream); }

/* botão flutuante de suporte (igual .fab da home) */
.lk-fab {
  position:fixed; right:max(20px, env(safe-area-inset-right)); bottom:max(20px, env(safe-area-inset-bottom)); z-index:85;
  display:inline-flex; align-items:center; gap:10px; padding:14px 22px 14px 16px; border-radius:999px;
  background:var(--teal); color:var(--ink); font-weight:800; font-size:15px; text-decoration:none;
  box-shadow:0 14px 34px -12px rgba(46,211,183,.8), inset 0 -3px 0 rgba(0,0,0,.1);
  transition:transform .3s var(--ease);
}
.lk-fab:hover { transform:translateY(-3px); }
.lk-fab svg { width:22px; height:22px; }

/* ==========================================================================
   Layout: igual ao hero da home — texto/form à esquerda, sol à direita
   ========================================================================== */
html.lk-auth body > main {
  position:relative; z-index:2;
  display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:center !important;
  padding:112px 16px 110px !important;
  min-height:100vh; min-height:100svh;
}
@media (min-width:1024px) {
  html.lk-auth body {
    display:grid !important;
    grid-template-columns:minmax(16px,1fr) minmax(0,560px) minmax(0,680px) minmax(16px,1fr);
    align-items:start;
  }
  html.lk-auth body > main { grid-column:2; grid-row:1; padding:120px 40px 90px 0 !important; }
  html.lk-auth .lk-stage { grid-column:3; grid-row:1; }
}

/* ---------- o "card" vira o próprio hero (sem caixa, como na home) ---------- */
html.lk-auth #card-login,
html.lk-auth #card-cadastro {
  background:transparent !important; border:0 !important; box-shadow:none !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  padding:0 !important; max-width:470px !important; width:100% !important; margin:0 !important;
  color:var(--ink) !important;
}
html.lk-auth #card-cadastro { max-width:520px !important; }
html.lk-auth .glow-brand { box-shadow:none !important; }

/* pílula → eyebrow da home ("—— CARDÁPIO DIGITAL INTELIGENTE") */
html.lk-auth #card-login [class*="pill"][class*="border-gold"],
html.lk-auth #card-cadastro > span.pill {
  display:inline-flex !important; align-items:center; gap:10px;
  background:transparent !important; border:0 !important; padding:0 !important; margin:0 0 4px !important;
  font-family:var(--mono) !important; font-size:12px !important; font-weight:500 !important;
  letter-spacing:.16em !important; text-transform:uppercase; color:var(--amber-txt) !important;
}
html.lk-auth #card-login [class*="pill"][class*="border-gold"]::before,
html.lk-auth #card-cadastro > span.pill::before { content:""; width:28px; height:2px; background:currentColor; }

/* títulos no estilo "Mais pedidos." */
html.lk-auth #card-login :is(h1,h2),
html.lk-auth #card-cadastro :is(h1,h2,h3) {
  font-family:var(--display) !important; font-weight:800 !important; font-variation-settings:"opsz" 96;
  letter-spacing:-.045em !important; line-height:.92 !important; color:var(--ink) !important;
}
html.lk-auth #card-login :is(h1,h2),
html.lk-auth #card-cadastro > h1 {
  font-size:clamp(44px,4.6vw,68px) !important; margin:18px 0 18px !important;
}
html.lk-auth .lk-dot::after { content:"."; color:var(--red); }
html.lk-auth #card-login :is(h1,h2) + p,
html.lk-auth #card-login :is(h1,h2) + div,
html.lk-auth #card-cadastro > h1 + p {
  font-size:17px !important; line-height:1.6 !important; color:#4A2F2B !important; margin-bottom:28px !important; max-width:30em;
}

/* textos auxiliares */
html.lk-auth .text-muted { color:#5E423E !important; }
html.lk-auth .text-faint { color:var(--mute) !important; }
html.lk-auth #card-login label, html.lk-auth #card-cadastro label.block,
html.lk-auth #card-cadastro label.text-muted, html.lk-auth #card-login label.text-muted {
  color:var(--ink) !important; font-weight:700 !important; font-size:14px !important;
}
html.lk-auth #lembrar-login-wrap { font-weight:500 !important; color:#5E423E !important; }

/* campos */
html.lk-auth .input-field {
  background:rgba(255,255,255,.85) !important; color:var(--ink) !important;
  border:2px solid rgba(31,7,9,.14) !important; border-radius:16px !important;
  font-family:var(--body) !important; font-size:16px !important;
  padding-top:14px !important; padding-bottom:14px !important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 8px 20px -16px rgba(108,2,5,.35) !important;
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease), background .25s;
}
html.lk-auth .input-field::placeholder { color:var(--mute); opacity:.75; }
html.lk-auth .input-field:hover { border-color:rgba(31,7,9,.3) !important; }
html.lk-auth .input-field:focus {
  outline:none !important; background:#fff !important; border-color:var(--ink) !important;
  box-shadow:0 0 0 5px rgba(243,181,63,.35) !important;
}
html.lk-auth .input-field:-webkit-autofill { -webkit-box-shadow:0 0 0 40px #fff inset !important; -webkit-text-fill-color:var(--ink) !important; }
html.lk-auth #codigo, html.lk-auth #codigo-esqueci {
  font-family:var(--mono) !important; font-size:26px !important; letter-spacing:.5em !important; text-align:center;
}
html.lk-auth [id^="btn-ver"] { color:var(--mute) !important; }
html.lk-auth [id^="btn-ver"]:hover { color:var(--red) !important; }
html.lk-auth input[type="checkbox"] { accent-color:var(--red) !important; }

/* botão principal = .btn-red da home */
html.lk-auth .btn-primary {
  background:linear-gradient(135deg,var(--red),var(--red2)) !important; color:#fff !important;
  border:0 !important; border-radius:999px !important;
  font-family:var(--body) !important; font-weight:700 !important; font-size:17px !important;
  padding-top:17px !important; padding-bottom:17px !important; margin-top:6px;
  box-shadow:0 10px 30px -8px rgba(253,28,34,.6), inset 0 -3px 0 rgba(0,0,0,.15) !important;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), filter .3s !important;
}
html.lk-auth .btn-primary::after { content:"→"; display:inline-block; margin-left:.45em; transition:transform .3s var(--ease); }
html.lk-auth .btn-primary:hover:not(:disabled) { transform:translateY(-3px) rotate(-1deg); box-shadow:0 18px 40px -8px rgba(253,28,34,.7) !important; }
html.lk-auth .btn-primary:hover:not(:disabled)::after { transform:translateX(4px); }
html.lk-auth .btn-primary:disabled { filter:saturate(.4) brightness(1.05); cursor:not-allowed; }
html.lk-auth .btn-primary:focus-visible { outline:3px solid var(--ink) !important; outline-offset:3px; }

/* botões secundários da tela */
html.lk-auth #card-login .btn-ghost, html.lk-auth #card-cadastro .btn-ghost {
  background:transparent !important; color:var(--ink) !important;
  border:2px solid var(--ink) !important; border-radius:999px !important; font-weight:700 !important;
}
html.lk-auth #card-login .btn-ghost:hover, html.lk-auth #card-cadastro .btn-ghost:hover { background:var(--ink) !important; color:var(--cream) !important; }
html.lk-auth #card-login button.underline,
html.lk-auth #card-login [id^="btn-voltar"],
html.lk-auth #card-login #btn-reenviar-codigo { color:#5E423E !important; font-weight:600 !important; font-size:14px !important; }
html.lk-auth #card-login button.underline:hover,
html.lk-auth #card-login [id^="btn-voltar"]:hover { color:var(--red) !important; }

/* "Ainda não tem conta? Criar minha empresa" = ".hero .sub" da home */
html.lk-auth #card-login a, html.lk-auth #card-cadastro a { color:var(--red) !important; font-weight:700 !important; text-decoration:none; }
html.lk-auth #card-login a:hover, html.lk-auth #card-cadastro a:hover { text-decoration:underline; text-underline-offset:4px; }

/* erro */
html.lk-auth #erro-senha, html.lk-auth #card-cadastro [id^="erro"] { color:var(--crimson) !important; font-weight:600; }

/* ==========================================================================
   /cadastro
   ========================================================================== */
html.lk-auth #resumo-comercial {
  background:var(--ink) !important; color:var(--cream) !important;
  border-radius:22px !important; border:0 !important; animation:none !important;
  box-shadow:0 24px 50px -28px rgba(31,7,9,.8) !important; padding:22px 24px !important;
}
html.lk-auth #resumo-comercial * { color:inherit; }
html.lk-auth .glow-pulse::before, html.lk-auth .glow-pulse::after { display:none !important; }
html.lk-auth #resumo-comercial > :first-child { font-family:var(--mono); font-size:11.5px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--gold) !important; margin-bottom:10px; }
html.lk-auth #resumo-comercial li { color:rgba(255,244,230,.92) !important; padding:3px 0; }

html.lk-auth .btn-plano {
  background:rgba(255,255,255,.85) !important; color:var(--ink) !important;
  border:2px solid rgba(31,7,9,.14) !important; border-radius:18px !important; padding:16px !important;
  transition:transform .25s var(--ease), border-color .25s, box-shadow .25s !important;
}
html.lk-auth .btn-plano:hover { transform:translateY(-2px); border-color:rgba(31,7,9,.35) !important; }
html.lk-auth .btn-plano[class*="bg-gold"] {
  background:#fff !important; border-color:var(--red) !important;
  box-shadow:0 0 0 4px rgba(253,28,34,.12), 0 16px 30px -18px rgba(253,28,34,.6) !important;
}
html.lk-auth .btn-plano > span:first-child { font-family:var(--display); font-weight:800 !important; font-size:19px; letter-spacing:-.03em; color:var(--ink) !important; }
html.lk-auth .btn-plano .pill { background:var(--red) !important; color:#fff !important; }
html.lk-auth .btn-plano span.block { color:#5E423E !important; }
html.lk-auth #nota-plano { font-family:var(--mono); font-size:11.5px !important; letter-spacing:.04em; color:var(--mute) !important; }

html.lk-auth .btn-documento-tipo { border-radius:999px !important; font-weight:700 !important; border:2px solid var(--ink) !important; background:transparent !important; color:var(--ink) !important; box-shadow:none !important; }
html.lk-auth .btn-documento-tipo.bg-gradient-brand { background:var(--ink) !important; color:var(--cream) !important; }

html.lk-auth #form-cadastro div:has(> #slug) > span,
html.lk-auth #form-cadastro span:has(+ #slug) { font-family:var(--mono); font-size:13px; color:var(--mute) !important; }

html.lk-auth #secao-cartao { border-top:2px dashed var(--line) !important; padding-top:24px !important; margin-top:10px; }
html.lk-auth #secao-cartao > :first-child { font-family:var(--display); font-weight:800; font-size:22px; letter-spacing:-.03em; color:var(--ink) !important; }
html.lk-auth #form-cadastro [class*="border-white"] { border-color:var(--line) !important; }

/* ==========================================================================
   Palco da direita: o sol dourado da home, com pedidos chegando
   ========================================================================== */
.lk-stage { display:none; }
@media (min-width:1024px) {
  .lk-stage {
    display:grid; place-items:center; position:sticky; top:0; z-index:1;
    height:100vh; height:100svh; padding-top:74px;
  }
}
.lk-sunwrap { position:relative; width:min(520px, 38vw); aspect-ratio:1; }
.lk-food { position:absolute; font-size:clamp(30px,2.8vw,46px); line-height:1; filter:drop-shadow(0 10px 12px rgba(31,7,9,.25)); animation:lk-bob 5s ease-in-out infinite; }
.lk-food.f1 { left:-12%; top:40%; }
.lk-food.f2 { left:-4%;  top:70%; animation-delay:-1.2s; }
.lk-food.f3 { right:-12%; top:30%; animation-delay:-2.4s; }
.lk-food.f4 { right:-2%; top:76%; animation-delay:-3.4s; }
.lk-food.f5 { left:40%; bottom:-10%; animation-delay:-.6s; }

.lk-note {
  position:absolute; display:flex; align-items:center; gap:12px; padding:12px 18px 12px 12px;
  background:#fff; border-radius:18px; color:var(--ink);
  box-shadow:0 24px 50px -20px rgba(31,7,9,.35), 0 2px 0 rgba(31,7,9,.04);
  animation:lk-bob 6s ease-in-out infinite; white-space:nowrap;
}
.lk-note .ic { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; font-size:20px; background:#FFE9E4; }
.lk-note.n2 .ic { background:#E3FAF5; }
.lk-note.n3 .ic { background:#FFF3D6; }
.lk-note b { display:block; font-size:15px; font-weight:800; letter-spacing:-.01em; }
.lk-note small { display:block; font-size:12.5px; color:var(--mute); }
.lk-note.n1 { left:-22%; top:14%; }
.lk-note.n2 { right:-20%; bottom:14%; animation-delay:-2s; }
.lk-note.n3 { left:-8%; bottom:-2%; animation-delay:-4s; }

/* selo giratório "SUPORTE HUMANO ✦ 7 DIAS GRÁTIS ✦ SEM MULTA" */
.lk-seal { position:absolute; right:-14%; top:-8%; width:150px; height:150px; }
.lk-seal svg { width:100%; height:100%; animation:lk-spin 18s linear infinite; }
.lk-seal text { font-family:var(--mono); font-size:10.5px; letter-spacing:.2em; font-weight:700; fill:var(--ink); text-transform:uppercase; }
.lk-seal .c {
  position:absolute; left:50%; top:50%; width:52px; height:52px; transform:translate(-50%,-50%);
  border-radius:50%; background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff;
  display:grid; place-items:center; font-family:var(--display); font-weight:800; font-size:20px; letter-spacing:-.04em;
  box-shadow:0 10px 24px -8px rgba(253,28,34,.7);
}

/* ---------- faixa mono embaixo (a mesma do rodapé do hero) ---------- */
.lk-strip {
  display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:34px; padding-top:22px; border-top:1px solid var(--line);
  font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:#5E423E;
}
.lk-strip span::before { content:"✦"; color:var(--red); margin-right:10px; }

/* ---------- animações de entrada (mesmo "rise" do hero) ---------- */
@keyframes lk-rise { from { opacity:0; transform:translateY(26px); } to { opacity:1; transform:none; } }
@keyframes lk-bob { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }
@keyframes lk-spin { to { transform:rotate(360deg); } }
@keyframes lk-pop { from { opacity:0; transform:scale(.85) translateY(20px); } to { opacity:1; transform:none; } }
html.lk-auth #card-login > *, html.lk-auth #card-cadastro > * { animation:lk-rise .8s var(--ease) both; }
html.lk-auth #card-login > *:nth-child(2), html.lk-auth #card-cadastro > *:nth-child(2) { animation-delay:.08s; }
html.lk-auth #card-login > *:nth-child(3), html.lk-auth #card-cadastro > *:nth-child(3) { animation-delay:.16s; }
html.lk-auth #card-login > *:nth-child(n+4), html.lk-auth #card-cadastro > *:nth-child(n+4) { animation-delay:.24s; }

/* ---------- responsivo ---------- */
@media (max-width:1100px) { .lk-nav { display:none; } }
@media (max-width:1023.98px) {
  html.lk-auth body { display:block !important; background-attachment:scroll !important; }
  html.lk-auth #card-login, html.lk-auth #card-cadastro { margin-inline:auto !important; }
  .lk-ghost { font-size:44vw; top:62%; }
}
@media (max-width:560px) {
  .lk-hdr .lk-in { height:64px; }
  .lk-logo { font-size:20px; } .lk-logo img { width:30px; height:30px; }
  .lk-act { gap:14px; }
  .lk-act .lk-btn { padding:11px 16px; font-size:14px; }
  html.lk-auth body > main { padding:92px 16px 110px !important; justify-content:flex-start !important; }
  html.lk-auth #card-login :is(h1,h2), html.lk-auth #card-cadastro > h1 { font-size:clamp(40px,12vw,54px) !important; margin:14px 0 12px !important; }
  .lk-fab { padding:14px; } .lk-fab span { display:none; }
}
@media (max-width:360px) { .lk-act .lk-login { display:none; } }
@media (max-height:520px) and (orientation:landscape) {
  html.lk-auth body > main { padding-top:84px !important; }
  .lk-fab span { display:none; } .lk-fab { padding:12px; }
}

/* acessibilidade */
html.lk-auth a:focus-visible, html.lk-auth button:focus-visible { outline:3px solid var(--ink); outline-offset:3px; border-radius:8px; }
@media (prefers-reduced-motion:reduce) {
  html.lk-auth *, html.lk-auth *::before, html.lk-auth *::after { animation:none !important; transition:none !important; }
}
@media (hover:none) { .lk-btn-red:hover, html.lk-auth .btn-primary:hover, .lk-fab:hover, html.lk-auth .btn-plano:hover { transform:none; } }

/* ==========================================================================
   Login e cadastro: botão claro/escuro, tema escuro e "Lukrar" em neon
   ========================================================================== */
.lk-theme {
  display:inline-grid; place-items:center; width:42px; height:42px; padding:0; border-radius:50%;
  border:2px solid var(--line); background:transparent; color:var(--ink); cursor:pointer;
  transition:border-color .3s var(--ease), background .3s var(--ease);
}
.lk-theme:hover { border-color:var(--ink); }
.lk-theme svg { width:20px; height:20px; }
@media (max-width:480px) {
  .lk-theme { width:38px; height:38px; }
  /* o link da própria página sai do header no celular, pra caber o botão de tema */
  html.lk-login .lk-act .lk-login { display:none; }
  html.lk-cadastro .lk-act .lk-btn-red { display:none; }
}

/* "Lukrar" do fundo em neon (vermelho da marca) */
html.lk-auth .lk-ghost {
  -webkit-text-stroke:2px rgba(253,28,34,.32);
  filter:drop-shadow(0 0 4px rgba(253,28,34,.3)) drop-shadow(0 0 18px rgba(253,28,34,.18));
}
html.lk-auth[data-theme="dark"] .lk-ghost {
  -webkit-text-stroke:2px rgba(255,170,164,.6);
  filter:drop-shadow(0 0 3px rgba(253,28,34,.75)) drop-shadow(0 0 14px rgba(253,28,34,.45)) drop-shadow(0 0 38px rgba(253,28,34,.25));
}
@media (prefers-reduced-transparency:reduce) { html.lk-auth .lk-ghost { filter:none; } }

/* tema escuro do login (tons vinho das seções escuras da home) */
html.lk-auth[data-theme="dark"] {
  --ink:#FFF4E6; --cream:#150506; --paper:#22090C; --mute:#C9AFA8; --amber-txt:#F3B53F;
  --line:rgba(255,244,230,.16);
  color-scheme:dark !important;
}
html.lk-auth[data-theme="dark"] body {
  background:
    radial-gradient(60% 55% at 78% 45%, rgba(243,181,63,.12), transparent 70%),
    radial-gradient(50% 40% at 8% 95%, rgba(253,28,34,.18), transparent 70%),
    var(--cream) !important;
}
html.lk-auth[data-theme="dark"] .lk-hdr.scrolled { background:rgba(21,5,6,.8); box-shadow:0 1px 0 rgba(255,255,255,.08); }
html.lk-auth[data-theme="dark"] .lk-logo span { background:linear-gradient(100deg,var(--gold),var(--red2)); -webkit-background-clip:text; background-clip:text; }
html.lk-auth[data-theme="dark"] #card-login :is(h1,h2) + p,
html.lk-auth[data-theme="dark"] #card-login :is(h1,h2) + div,
html.lk-auth[data-theme="dark"] #card-cadastro > h1 + p { color:#E4CFC8 !important; }
html.lk-auth[data-theme="dark"] .text-muted,
html.lk-auth[data-theme="dark"] #lembrar-login-wrap,
html.lk-auth[data-theme="dark"] #card-login button.underline,
html.lk-auth[data-theme="dark"] #card-login [id^="btn-voltar"],
html.lk-auth[data-theme="dark"] #card-login #btn-reenviar-codigo { color:#D8C1BA !important; }
html.lk-auth[data-theme="dark"] .input-field {
  background:rgba(38,11,14,.94) !important; border-color:rgba(255,244,230,.18) !important;
  box-shadow:none !important; color:var(--ink) !important;
}
html.lk-auth[data-theme="dark"] .input-field:hover { border-color:rgba(255,244,230,.34) !important; }
html.lk-auth[data-theme="dark"] .input-field:focus {
  background:#2E0E12 !important; border-color:var(--gold) !important;
  box-shadow:0 0 0 5px rgba(243,181,63,.22) !important;
}
html.lk-auth[data-theme="dark"] .input-field:-webkit-autofill { -webkit-box-shadow:0 0 0 40px #2A0D10 inset !important; -webkit-text-fill-color:var(--ink) !important; }
html.lk-auth[data-theme="dark"] #card-login a,
html.lk-auth[data-theme="dark"] #card-cadastro a { color:var(--red2) !important; }
html.lk-auth[data-theme="dark"] #erro-senha,
html.lk-auth[data-theme="dark"] #card-cadastro [id^="erro"] { color:#FF7A72 !important; }
html.lk-auth[data-theme="dark"] .lk-note { background:#2A0D10; box-shadow:0 24px 50px -20px rgba(0,0,0,.65); }
html.lk-auth[data-theme="dark"] .lk-note .ic { background:rgba(253,28,34,.18); }
html.lk-auth[data-theme="dark"] .lk-note.n2 .ic { background:rgba(46,211,183,.16); }
html.lk-auth[data-theme="dark"] .lk-note.n3 .ic { background:rgba(243,181,63,.16); }
html.lk-auth[data-theme="dark"] .lk-strip { color:#D8C1BA; }

/* cadastro no escuro */
html.lk-auth[data-theme="dark"] #resumo-comercial { background:#2A0D10 !important; box-shadow:0 0 0 1px rgba(255,244,230,.1), 0 24px 50px -28px rgba(0,0,0,.8) !important; }
html.lk-auth[data-theme="dark"] .btn-plano { background:rgba(38,11,14,.94) !important; border-color:rgba(255,244,230,.18) !important; color:var(--ink) !important; }
html.lk-auth[data-theme="dark"] .btn-plano:hover { border-color:rgba(255,244,230,.36) !important; }
html.lk-auth[data-theme="dark"] .btn-plano[class*="bg-gold"] { background:#2E0E12 !important; border-color:var(--red2) !important; box-shadow:0 0 0 4px rgba(255,79,65,.18) !important; }
html.lk-auth[data-theme="dark"] .btn-plano span.block { color:#D8C1BA !important; }
html.lk-auth[data-theme="dark"] #form-cadastro div:has(> #slug) > span,
html.lk-auth[data-theme="dark"] #form-cadastro span:has(+ #slug) { color:var(--mute) !important; }
html.lk-auth[data-theme="dark"] #card-cadastro label.text-muted,
html.lk-auth[data-theme="dark"] #card-cadastro label:has(input[type="checkbox"]) { color:#E4CFC8 !important; }