/* ===== Login and sign-up (v21) ===== */
.lg-page{margin:0;min-height:100vh}
.lg-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100vh}
.lg-left{display:flex;align-items:center;justify-content:center;padding:clamp(28px,5vw,64px)}
.lg-inner{width:min(420px,100%)}
.lg-brand{font:400 1.7rem Anton,Impact,sans-serif;color:var(--bone);text-decoration:none;display:inline-block;margin-bottom:44px}
.lg-brand span{color:var(--orange)}
.lg-kicker{font:600 .72rem Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin:0 0 12px}
.lg-title{font-size:clamp(2rem,4vw,2.8rem);line-height:1.02;margin:0 0 12px}
.lg-sub{color:var(--ash);margin:0 0 26px;line-height:1.6}
.lg-alert{border:1px solid rgba(255,139,139,.45);background:rgba(255,139,139,.08);color:#ffb3b3;border-radius:14px;padding:12px 14px;margin-bottom:18px;font-size:.92rem}
.lg-alert.ok{border-color:rgba(107,203,119,.45);background:rgba(107,203,119,.08);color:#b9e8bf}
.lg-form{display:grid;gap:18px}
.lg-field{display:grid;gap:8px}
.lg-field[hidden]{display:none}
.lg-field label{font:600 .86rem Inter,sans-serif;color:var(--bone)}
.lg-field .input{min-height:54px;border-radius:14px;font-size:1rem;background:#141414}
.lg-pw{position:relative}
.lg-pw .input{padding-right:52px;width:100%}
.lg-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--ash);cursor:pointer;display:grid;place-items:center}
.lg-eye:hover{color:var(--bone)}
.lg-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.9rem}
.lg-check{display:inline-flex;align-items:center;gap:10px;color:var(--ash);cursor:pointer}
.lg-check input{width:18px;height:18px;accent-color:var(--orange);margin:0}
.lg-link{color:var(--orange);text-decoration:none;font-weight:600}
.lg-link:hover{text-decoration:underline}
.lg-submit{width:100%;min-height:56px;font-size:1rem}
.lg-submit[disabled]{opacity:.6;cursor:wait}
.lg-or{display:flex;align-items:center;gap:14px;margin:26px 0;color:var(--ash);font-size:.85rem}
.lg-or::before,.lg-or::after{content:"";flex:1;height:1px;background:var(--line)}
.lg-google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;border-radius:999px;background:#F4F4F0;color:#1B1B1B;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.1,1),box-shadow .3s}
.lg-google:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.lg-switch{text-align:center;margin:26px 0 0;color:var(--ash)}
.lg-switch button{background:none;border:0;color:var(--orange);font:inherit;font-weight:600;cursor:pointer;padding:0 0 0 4px;text-decoration:underline;text-underline-offset:3px}
.lg-right{position:relative;overflow:hidden;margin:clamp(14px,2vw,22px);border-radius:30px;background:#141414;min-height:calc(100vh - 44px)}
.lg-right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;animation:lgZoom 16s ease-in-out infinite alternate}
.lg-right::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,.05),rgba(11,11,11,.8))}
.lg-card{position:absolute;left:clamp(18px,3vw,34px);right:clamp(18px,3vw,34px);bottom:clamp(18px,3vw,34px);z-index:1;background:rgba(18,18,18,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,30px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.1,1)}
.lg-card.swap{opacity:0;transform:translateY(12px)}
.lg-quote{font:400 clamp(1.25rem,2.2vw,1.7rem)/1.35 Anton,Impact,sans-serif;text-transform:uppercase;color:var(--bone);margin:0 0 14px}
.lg-by{color:var(--orange);font-weight:600;margin:0;font-size:.9rem}
@keyframes lgZoom{from{transform:scale(1.03)}to{transform:scale(1.12)}}
@media (max-width:900px){
  .lg-split{grid-template-columns:1fr}
  .lg-right{display:none}
  .lg-brand{margin-bottom:28px}
}
@media (prefers-reduced-motion:reduce){.lg-right img{animation:none}}