/* WITV — Login / auth pages (standalone, uses tokens from home.css) */
body.fullpage{margin:0;min-height:100svh;background:#000;color:var(--text);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.auth{position:relative;min-height:100svh;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}
html,body.fullpage{overflow-x:hidden}
.auth__bg{position:absolute;inset:-4%;z-index:-2;background:url('/images/header-bg.webp') center 25%/cover no-repeat;animation:drift 30s ease-in-out infinite alternate}
.auth__shade{position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 70% at 50% 50%,rgba(0,0,0,.55),rgba(0,0,0,.92)),linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 30%,rgba(0,0,0,.8))}
.auth__top{display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad)}
.auth__top img{height:56px;width:auto;margin-left:-6px}
.auth__top span{color:rgba(255,255,255,.7);font-size:.98rem}
.auth__top span a{color:#fff;font-weight:600;margin-left:6px}
.auth__top span a:hover{color:var(--accent)}
.auth__body{flex:1;display:flex;align-items:center;justify-content:center;padding:24px var(--pad) 64px}
.auth__card{width:100%;max-width:460px;background:rgba(18,18,22,.78);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:clamp(28px,4vw,44px);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 40px 100px rgba(0,0,0,.6)}
.auth__card h1{font-size:2.1rem;font-weight:800;letter-spacing:-.035em;line-height:1.05;color:#fff}
.auth__card .sub{margin-top:8px;color:var(--muted);font-size:1rem}
.field{margin-top:22px}
.field label{display:block;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.75);margin-bottom:8px}
.field input[type=email],.field input[type=password],.field input[type=text]{width:100%;height:54px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:1.02rem;padding:0 16px;outline:0;transition:border-color .2s,background .2s}
.field input::placeholder{color:rgba(255,255,255,.35)}
.field input:focus{border-color:var(--accent);background:rgba(255,255,255,.09);box-shadow:0 0 0 4px rgba(248,162,0,.18)}
.row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;font-size:.95rem}
.check{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.75);cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--accent);margin:0}
.row a{color:var(--muted)}
.row a:hover{color:#fff}
.auth__card .btn{width:100%;margin-top:22px;height:56px;font-size:1.05rem}
.auth__card .btn--accent{border:0}
.divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:var(--muted);font-size:.85rem}
.divider span:first-child,.divider span:last-child{flex:1;height:1px;background:rgba(255,255,255,.1)}
.auth__foot{text-align:center;color:rgba(255,255,255,.45);font-size:.88rem;padding:0 var(--pad) 28px}
.auth__foot a{color:rgba(255,255,255,.65);margin:0 8px}
.flash{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:12px 14px;margin:14px 0 22px;font-size:.93rem;line-height:1.45;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff}
.flash svg{flex:0 0 auto;width:18px;height:18px;margin-top:2px}
.flash a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.flash--error svg{color:#ff6b61}.flash--success svg{color:#5fdc84}.flash--warning svg{color:var(--accent)}
.flash--error{background:rgba(255,59,48,.14);border-color:rgba(255,59,48,.4)}
.flash--success{background:rgba(52,199,89,.14);border-color:rgba(52,199,89,.4)}
.flash--warning{background:rgba(248,162,0,.14);border-color:rgba(248,162,0,.4)}
.modal,.system-modal,#modalAjax,#generatePasswordModal,.hidden{display:none!important}
@media (max-width:560px){
  .auth__top span{font-size:.9rem}
  .auth__card{border-radius:22px}
  .auth__card h1{font-size:1.8rem}
}