.login-wrap { min-height: 70vh; display: flex; align-items: center; justify-content: center; padding: 2rem 1.5rem; }
    .login-shell {
      width: 100%; max-width: 420px;
      background: var(--bg-card); border: 1px solid var(--border-2);
      border-radius: 1rem; padding: 2rem 2rem 1.75rem; text-align: center;
    }
    .login-shell h1 { font-size: 1.35rem; font-weight: 800; margin-bottom: .35rem; letter-spacing: -.02em; }
    .login-shell .subtitle { font-size: .88rem; color: var(--text-muted); margin-bottom: 1.75rem; }
    .login-opt {
      display: block; padding: 1rem 1.25rem;
      background: var(--bg-panel); border: 1px solid var(--border-2);
      border-radius: .6rem; margin-bottom: .75rem; text-align: left;
      transition: border-color .15s, background .15s;
    }
    .login-opt:hover { background: var(--bg-card-2); border-color: color-mix(in srgb, var(--gold) 30%, transparent); }
    .login-opt strong { display: block; font-size: .9rem; font-weight: 700; color: var(--text); margin-bottom: .2rem; }
    .login-opt span { font-size: .8rem; color: var(--text-muted); line-height: 1.5; }
    .login-foot { font-size: .83rem; color: var(--text-muted); margin-top: 1.25rem; }
    .login-foot a { color: var(--pink-light); }