/* Visitor Tracking sign-in */
body.vta{background:var(--paper)}
.vta-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh}
.vta-art{position:relative;overflow:hidden;color:#fff;padding:2.6rem 3rem;display:flex;flex-direction:column;justify-content:center;gap:2.2rem;
  background:radial-gradient(800px 420px at 90% -10%,rgba(143,160,255,.38),transparent 62%),radial-gradient(600px 360px at -10% 110%,rgba(94,224,143,.14),transparent 60%),linear-gradient(150deg,#1b1740 0%,#2a2466 100%)}
.vta-art::before{content:'';position:absolute;left:-90px;top:-90px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 46px rgba(255,255,255,.03),0 0 0 94px rgba(255,255,255,.02)}
.vta-art h2{color:#fff;font-size:clamp(2rem,3.2vw,2.9rem);max-width:15ch;position:relative}
.vta-art p.lead{color:#c9cdf5;max-width:42ch;font-size:1.05rem;margin-top:.9rem;position:relative}
.vta-art .hero-visual-wrap{position:relative;max-width:440px}
.vta-art ul{list-style:none;display:grid;gap:.6rem;position:relative}
.vta-art li{display:flex;gap:.7rem;align-items:center;color:#dfe2ff;font-size:.95rem}
.vta-art li i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(94,224,143,.16);color:#5ee08f;font-size:.7rem;flex:none}
.vta-side{display:flex;flex-direction:column;padding:1.4rem 2rem 2rem}
.vta-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.vta-top img{height:36px;width:auto}
.vta-top a.back{font-size:.88rem;font-weight:600;color:var(--mute)}.vta-top a.back:hover{color:var(--brand)}
.vta-card{width:100%;max-width:430px;margin:auto;padding:2.2rem 0}
.vta-card h1{font-size:2rem}
.vta-card .lede{color:var(--mute);margin:.5rem 0 1.6rem;font-size:.98rem}
.vta-field{margin-bottom:1.05rem}
.vta-field label{display:block;font-weight:600;font-size:.86rem;margin-bottom:.38rem;color:var(--ink-soft)}
.vta-in{position:relative}
.vta-in>i.lead{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:#9b95a8;font-size:.9rem;pointer-events:none}
.vta-in input{width:100%;padding:.82rem 2.6rem .82rem 2.6rem;border:1.5px solid var(--line);border-radius:12px;font:500 1rem var(--sans);background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.vta-in input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.vta-in button.eye{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;border-radius:8px;color:#8d879a;cursor:pointer}
.vta-in button.eye:hover{color:var(--brand);background:var(--paper-dim)}
.vta-submit{width:100%;margin-top:.4rem;padding:.9rem 1rem;border:0;border-radius:12px;background:var(--brand);color:#fff;font:600 1rem var(--sans);cursor:pointer;display:flex;gap:.55rem;align-items:center;justify-content:center;transition:background .15s,box-shadow .15s}
.vta-submit:hover{background:var(--brand-ink);box-shadow:var(--shadow-md)}
.vta-err{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;border-radius:12px;background:var(--red-soft);color:var(--red);font-size:.92rem;margin-bottom:1.1rem}
.vta-err i{margin-top:.2rem}
.vta-help{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.4rem;display:grid;gap:1rem}
.vta-help div{display:flex;gap:.85rem}
.vta-help .hi{width:36px;height:36px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;flex:none;font-size:.88rem}
.vta-help b{display:block;font-size:.93rem;color:var(--ink)}
.vta-help p{color:var(--mute);font-size:.88rem;line-height:1.55;margin-top:.1rem}
.vta-help a{color:var(--brand);font-weight:600}.vta-help a:hover{text-decoration:underline}
@media(max-width:900px){.vta-wrap{grid-template-columns:1fr}.vta-art{display:none}.vta-side{padding:1.2rem 1.2rem 2rem}}
