/* Sign in / register: one frosted glass card floating over soft light. Uses the app's own colours. */
.login.auth{position:relative;min-height:100vh;display:grid;place-items:center;padding:20px;overflow:hidden;background:transparent!important}
.auth-glow{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(35% 40% at 25% 25%,color-mix(in srgb,var(--brand-2) 38%,transparent),transparent 70%),
  radial-gradient(30% 36% at 78% 72%,color-mix(in srgb,var(--brand-2) 26%,transparent),transparent 70%),
  radial-gradient(22% 26% at 70% 20%,rgba(255,255,255,.10),transparent 70%)}
.auth-card{position:relative;width:min(400px,100%);display:flex;flex-direction:column;gap:14px;padding:28px 28px 22px;border-radius:24px;
  background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.05) 60%,rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 30px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.04);
  animation:popIn .4s cubic-bezier(.2,.8,.2,1)}
.auth-card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent)}
.auth-logo{width:100%!important;height:64px!important;margin-bottom:2px}
.auth-card h2{margin:0 0 2px;font-size:20px;font-weight:700}
.auth-card .muted{font-size:13px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.auth-tabs button{border:0;background:none;padding:8px;border-radius:10px;font-weight:700;font-size:13px;color:var(--ink-2);cursor:pointer}
.auth-tabs button.on{background:rgba(255,255,255,.14);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.auth-card label{font-size:12px}
.auth-card input{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;padding:11px 12px;border-radius:12px}
.auth-card input:focus{border-color:rgba(255,255,255,.45)!important;box-shadow:0 0 0 3px rgba(255,255,255,.08)!important}
.auth-go{padding:12px;font-size:14px;border-radius:12px}
.auth-alt{text-align:center;font-size:12.5px}
.auth-alt a{font-weight:700}
.login .auth-logo{height:76px!important}.login .auth-logo img{height:124px;margin:-24px 0}

/* show / hide password */
.pw-wrap{position:relative;display:block}
.pw-wrap input{width:100%;padding-right:44px!important}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:none;color:var(--ink-2);cursor:pointer}
.pw-eye:hover{background:rgba(255,255,255,.08);color:var(--ink)}
.pw-eye svg{width:18px;height:18px}
#instL{display:inline-flex;align-items:center;gap:6px}
#instL svg{width:15px;height:15px}