/* ===== Auth (login / register) ===== */
.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:24px 24px 120px;max-width:1200px;margin:0 auto;min-height:calc(100vh - var(--header-h))}
.auth-form{display:flex;align-items:center;justify-content:center;padding:40px 0}
.auth-card{width:100%;max-width:400px}
.auth-card h1{margin-bottom:8px}
.auth-card .lead{margin-bottom:32px}
.g-btn{width:100%;height:44px}
.or{display:flex;align-items:center;gap:12px;margin:24px 0;font-size:12px;line-height:16px;color:var(--muted)}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--border)}
.pw{position:relative}
.pw .input{padding-right:64px}
.pw-t{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:28px;padding:0 8px;border-radius:6px;font-size:12px;line-height:16px;font-weight:600;color:var(--muted);transition:color .2s,background .2s}
.pw-t:hover{color:var(--ink);background:var(--surface-2)}
.label-row{display:flex;justify-content:space-between;align-items:baseline}
.label-row a{font-size:12px;line-height:16px;color:var(--muted);transition:color .2s}
.label-row a:hover{color:var(--ink)}
.err-msg{min-height:0;display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--expo)}
.err-msg > span{overflow:hidden}
.field.bad .err-msg{grid-template-rows:1fr}
.field.bad .input{border-color:var(--coral)}
.row-opts{display:flex;justify-content:space-between;align-items:center;margin:20px 0 24px}
.submit{width:100%;height:44px;position:relative}
.submit .spinner{border-color:rgba(255,255,255,.35);border-top-color:#fff;display:none}
.submit.loading{pointer-events:none}
.submit.loading .spinner{display:block}
.form-err{display:none;margin-bottom:16px;padding:10px 12px;border-radius:8px;background:var(--coral-light);font-size:14px;line-height:20px;color:var(--coral-hover)}
.form-err.on{display:block}
.meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px}
.meter i{height:2px;border-radius:2px;background:var(--border);transition:background .35s var(--expo)}
.meter[data-s="1"] i:nth-child(-n+1){background:var(--coral)}
.meter[data-s="2"] i:nth-child(-n+2){background:var(--coral-muted)}
.meter[data-s="3"] i:nth-child(-n+3),.meter[data-s="4"] i{background:var(--ink)}
.meter[data-s="4"] i{background:var(--ok)}
.terms{margin:20px 0 24px}
.terms .err-msg{margin-top:6px;padding-left:26px}
.perks{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:6px;font-size:14px;line-height:20px;color:var(--ink-2)}
.perks li{display:flex;gap:10px}
.perks li::before{content:"";flex:none;width:12px;height:1px;background:var(--border-2);margin-top:10px}
.alt{margin-top:24px;font-size:14px;line-height:20px;color:var(--muted)}

/* visual panel */
.auth-vis{position:relative;border-radius:16px;overflow:hidden;background:var(--ink);color:#fff;display:flex;flex-direction:column;max-height:calc(100vh - var(--header-h) - 48px);position:sticky;top:calc(var(--header-h) + 24px)}
.a-wall{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 10px;overflow:hidden;min-height:0;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 80%,transparent)}
.a-col{overflow:hidden;height:100%}
.a-track{display:flex;flex-direction:column;gap:10px;will-change:transform}
.a-tile{border-radius:10px;overflow:hidden;background:#2a2723;flex:none}
.a-tile img{width:100%;height:100%;object-fit:cover}
.a-cap{padding:0 32px 32px;font-size:18px;line-height:28px;font-weight:500;max-width:22em}
.a-cap span{display:block;font-size:14px;line-height:20px;font-weight:400;color:#a39d96;margin-top:4px}

@media (max-width:900px){
  .auth{grid-template-columns:1fr;padding:0 16px 72px;min-height:0}
  .auth-vis{display:none}
  .auth-form{padding:40px 0 0;align-items:flex-start}
}

/* WordPress additions */
.social{display:grid;gap:8px}
.social .btn svg{flex:none}
.err-msg:empty{display:none}
.auth .alert{margin-bottom:16px}
.done-card .mk{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;margin-bottom:20px}
.done-card p{color:var(--ink-2)}
.done-card .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.closed-card{padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.resend{margin-top:12px;font-size:14px;line-height:20px}
.resend .text-link{font-weight:600}