/* Hosthunder · Área de clientes (acceso) — mismo sistema visual que hosthunder.cl */
:root{
  --hh-accent:#ffc800; --hh-accent-ink:#0e1018; --hh-link:#9a6b00;
  --hh-bg:#f4f5f8; --hh-fg:#0e1018; --hh-muted:rgba(14,16,24,.66);
  --hh-card-2:#eef0f4; --hh-line:rgba(14,16,24,.10);
  --hh-glass:rgba(255,255,255,.72);
  --hh-glow-1:rgba(255,200,0,.10); --hh-glow-2:rgba(99,82,255,.10);
  --hh-font:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
}
.dark{
  --hh-link:var(--hh-accent);
  --hh-bg:#0e1018; --hh-fg:#f0f2f5; --hh-muted:rgba(240,242,245,.68);
  --hh-card-2:#171a24; --hh-line:rgba(255,255,255,.08);
  --hh-glass:rgba(10,10,12,.55);
  --hh-glow-1:rgba(255,170,0,.13); --hh-glow-2:rgba(99,82,255,.14);
  color-scheme:dark;
}
html{background:var(--hh-bg)}
.hh-auth *,.hh-auth *::before,.hh-auth *::after{box-sizing:border-box}
body.hh-auth{min-height:100vh;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;
  font-family:var(--hh-font);color:var(--hh-fg);background:var(--hh-bg);
  background-image:radial-gradient(60rem 40rem at 0% 100%,var(--hh-glow-1),transparent 60%),
                   radial-gradient(50rem 40rem at 100% 30%,var(--hh-glow-2),transparent 60%);
  background-attachment:fixed;-webkit-font-smoothing:antialiased}

/* Logo: blanco en oscuro, negro en claro */
.hh-auth__logo{display:block;margin-bottom:32px}
.hh-auth__logo img{display:block}
.hh-auth__logo--dark{display:none!important}
.dark .hh-auth__logo--dark{display:block!important}
.dark .hh-auth__logo--light{display:none!important}

/* Botón de tema */
.hh-auth__theme{position:fixed;top:16px;right:16px;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;cursor:pointer;
  border:1px solid var(--hh-line);background:var(--hh-glass);color:var(--hh-fg);
  backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
.hh-auth__theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.hh-auth__theme .hh-auth__moon{display:block;fill:currentColor;stroke:none}
.hh-auth__theme .hh-auth__sun{display:none}
.dark .hh-auth__theme{color:var(--hh-accent)}
.dark .hh-auth__theme .hh-auth__sun{display:block}
.dark .hh-auth__theme .hh-auth__moon{display:none}

/* Tarjeta con el mismo efecto vidrio del header */
.hh-auth .hh-auth__card{width:100%;max-width:28rem;padding:32px;border-radius:16px;
  background:var(--hh-glass);border:1px solid var(--hh-line);color:var(--hh-fg);
  backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);
  box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}
.hh-auth h1{color:var(--hh-fg);letter-spacing:-.015em}
.hh-auth .text-slate-900{color:var(--hh-fg)}
.hh-auth .text-slate-500,.hh-auth .text-slate-600{color:var(--hh-muted)}

/* Campos */
.hh-auth .label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:600;color:var(--hh-fg)}
.hh-auth .input{width:100%;border-radius:10px;border:1px solid var(--hh-line);background:var(--hh-card-2);color:var(--hh-fg);
  padding:.7em .9em;font:inherit;font-size:.95rem;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.hh-auth .input:focus{outline:none;border-color:var(--hh-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--hh-accent) 25%,transparent)}
.hh-auth input[type="checkbox"]{accent-color:var(--hh-accent);border-color:var(--hh-line)}

/* Botón principal y enlaces (mismos del sitio) */
.hh-auth .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:0;border-radius:10px;cursor:pointer;
  background:var(--hh-accent);color:var(--hh-accent-ink);font:inherit;font-weight:600;font-size:.95rem;padding:.8em 1.2em;
  transition:transform .15s,filter .15s;box-shadow:0 10px 24px -14px color-mix(in srgb,var(--hh-accent) 80%,transparent)}
.hh-auth .btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px);background:var(--hh-accent)}
.hh-auth .btn-primary:focus-visible,.hh-auth__theme:focus-visible,.hh-auth a:focus-visible{outline:2px solid var(--hh-accent);outline-offset:3px}
.hh-auth .link{color:var(--hh-link);font-weight:600;text-decoration:none}
.hh-auth .link:hover{text-decoration:underline}

/* Mensajes (éxito / error) legibles en ambos temas */
.dark .hh-auth [role="status"]{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.35);color:#a7f3d0}
.dark .hh-auth [role="alert"]{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.35);color:#fecaca}

.hh-auth__foot{margin-top:32px;font-size:.78rem;color:var(--hh-muted)}
.hh-auth__foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hh-auth__foot a:hover{color:var(--hh-link)}
@media (max-width:480px){.hh-auth .hh-auth__card{padding:24px}}

/* Autocompletado del navegador con los colores del tema */
.hh-auth .input:-webkit-autofill,.hh-auth .input:-webkit-autofill:hover,.hh-auth .input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px var(--hh-card-2) inset;-webkit-text-fill-color:var(--hh-fg);caret-color:var(--hh-fg);transition:background-color 9999s}

/* Iconos de tema = mismos de hosthunder.cl (Font Awesome sol / luna) */
.hh-auth__theme i{font-size:16px;line-height:1}
/* Botón de tema idéntico al de hosthunder.cl (.hh-icon-btn) */
.hh-auth__theme,.dark .hh-auth__theme{width:38px;height:38px;border-radius:10px;border:1px solid var(--hh-line);background:transparent;color:var(--hh-accent);backdrop-filter:none;-webkit-backdrop-filter:none}