.login-wrap {
      max-width: 420px;
      margin: 0 auto;
      padding: 80px 32px 64px;
    }
    .login-wrap h1 {
      font-family: 'DM Serif Display', serif;
      font-size: 2rem;
      font-weight: 400;
      color: var(--ink);
      margin-bottom: 8px;
    }
    .login-sub {
      font-family: 'DM Mono', monospace;
      font-size: 12px;
      color: var(--muted);
      margin-bottom: 40px;
    }
    .login-panel {
      background: var(--surface);
      border: 1px solid var(--border);
      padding: 32px;
    }
    .forgot-link {
      font-family: 'DM Mono', monospace;
      font-size: 11px;
      color: var(--muted);
      text-decoration: none;
      letter-spacing: 0.04em;
    }
    .forgot-link:hover { color: var(--ink); }
    .login-footer-note {
      margin-top: 20px;
      font-family: 'DM Mono', monospace;
      font-size: 11px;
      color: var(--muted);
      text-align: center;
      line-height: 1.7;
    }
    .login-footer-note a { color: var(--ink); }
    #new-password-panel { display: none; }
    #forgot-panel { display: none; }
    #forgot-code-panel { display: none; }
    #forgot-newpw-panel { display: none; }
    .pw-wrap { position: relative; }
    .pw-wrap .form-input { padding-right: 56px; }
    .pw-toggle {
      position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
      background: none; border: none; cursor: pointer;
      font-family: 'DM Mono', monospace; font-size: 11px;
      color: var(--muted); letter-spacing: 0.04em; padding: 0;
    }
    .pw-toggle:hover { color: var(--ink); }