.sso-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      padding: 12px 20px;
      background: var(--accent, #bfff5e);
      color: #111;
      border: none;
      border-radius: 8px;
      font-family: var(--font, 'Work Sans', sans-serif);
      font-size: 0.95rem;
      font-weight: 600;
      cursor: pointer;
      text-decoration: none;
      margin-bottom: 16px;
      box-sizing: border-box;
      transition: opacity 0.15s;
    }
    .sso-btn:hover { opacity: 0.88; }
    .login-divider {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 8px 0 16px;
      color: var(--text-muted, #888);
      font-size: 0.78rem;
    }
    .login-divider::before,
    .login-divider::after {
      content: '';
      flex: 1;
      height: 1px;
      background: var(--border, #333);
    }
    .sso-user-badge {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.82rem;
      color: var(--text-muted, #aaa);
    }