.auth-display{font-family:var(--font-bricolage),system-ui,sans-serif}[dir=rtl] .auth-display{font-family:var(--font-noto-arabic),system-ui,sans-serif}.auth-art{--a-bg:#e7fdf5;--a-glow:rgba(18,240,165,0.35);--a-ink:#141716;--a-ink2:#3f4a45;--a-back:#12f0a5;--a-card:#2b2e2d;--a-card-ink:#f2f4f3;--a-card-ink2:#b9bfbc;--a-chip:rgba(255,255,255,0.1);--a-slot:#e7fdf5;--a-strap:#0a9e6c;background:radial-gradient(120% 70% at 0 100%,var(--a-glow),transparent 60%),radial-gradient(80% 50% at 100% 0,rgba(18,240,165,.16),transparent 60%),var(--a-bg);color:var(--a-ink)}.dark .auth-art{--a-bg:#0c1713;--a-glow:rgba(18,240,165,0.14);--a-ink:#eef1ef;--a-ink2:#a5ada9;--a-back:#0f6b4d;--a-card:#1f2523;--a-slot:#0c1713;--a-strap:#12f0a5}.auth-stage{position:relative;width:292px;margin-inline:auto;direction:ltr}.auth-strap{position:absolute;top:-120px;inset-inline-start:50%;width:34px;height:140px;translate:-50% 0;background:repeating-linear-gradient(180deg,var(--a-strap) 0 10px,color-mix(in srgb,var(--a-strap) 80%,#000) 10px 12px);border-radius:4px 4px 0 0}.auth-pass-back{position:absolute;inset:18px -14px -14px 14px;border-radius:28px;background:var(--a-back);rotate:5deg;opacity:.85}.auth-pass{position:relative;rotate:-3deg;border-radius:26px;padding:18px 20px 20px;background:var(--a-card);color:var(--a-card-ink);box-shadow:0 50px 80px -34px rgba(8,70,48,.55),inset 0 1px 0 rgba(255,255,255,.08)}.auth-pass-slot{width:56px;height:10px;margin:0 auto 16px;border-radius:999px;background:var(--a-slot);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}.auth-pass-head{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--a-card-ink2)}.auth-pass-head img{width:28px;height:28px;border-radius:8px}.auth-qr{position:relative;margin-top:14px;padding:14px;border-radius:16px;background:#fff;color:#141716;overflow:hidden}.auth-qr svg{display:block;width:100%;height:auto}.auth-scan{inset-inline:10px;top:8%;height:3px;border-radius:3px;box-shadow:0 0 14px 3px rgba(18,240,165,.7);animation:auth-scan 5.2s ease-in-out infinite}.auth-scan,.auth-valid{position:absolute;background:#12f0a5;opacity:0}.auth-valid{inset-inline:14px;bottom:14px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:12px;color:#06281b;font-size:13px;font-weight:700;animation:auth-valid 5.2s ease-in-out infinite}.auth-pass-name{margin-top:16px;font-size:24px;line-height:1.1;font-weight:700;letter-spacing:-.02em}.auth-pass-role{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:#12f0a5}.auth-pass-zones{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.auth-pass-zones span{padding:5px 10px;border-radius:999px;background:var(--a-chip);font-size:11.5px;font-weight:600;color:var(--a-card-ink2)}@keyframes auth-scan{0%{top:8%;opacity:0}6%{opacity:1}44%{top:82%;opacity:1}50%,to{top:82%;opacity:0}}@keyframes auth-valid{0%,46%{opacity:0;transform:translateY(8px) scale(.97)}54%,90%{opacity:1;transform:none}to{opacity:0;transform:none}}@media (prefers-reduced-motion:reduce){.auth-scan{display:none}.auth-valid{animation:none;opacity:1}}@media (min-width:1024px) and (max-height:900px){.auth-art{padding-block:28px}.auth-stage-wrap{padding-block:36px 12px}.auth-stage{zoom:.84}}@media (min-width:1024px) and (max-height:800px){.auth-stage{zoom:.7}.auth-sub{display:none}}@media (min-width:1024px) and (max-height:680px){.auth-stage{zoom:.55}}